@charset "utf-8";

.zone {
	min-height: 100vh;
	padding: 0 0 54px;
	/* background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/jianzu/bg1.png); */
	box-sizing: border-box;
	padding: 0;
	/* background-size: 100% auto; */
	/* background-position-y: top; */
	/* background-attachment: scroll; */
	position: relative;
	line-height: 0;
	background-repeat: no-repeat;
	overflow: hidden;
	overflow-y: auto;
	background-color: #2A83A1;
}

.content {
	position: relative;
}

.bgimg {
	/* position: relative; */
}

.main {
	padding: 0 0 10px;
	position: absolute;
	top: 0;
	line-height: 14px;
	width: -webkit-fill-available;
}

.top-box {
	position: relative;
	padding: 0;
	max-width: 480px;
}

.top {
	position: absolute;
	top: 5px;
	left: 10px;
	width: calc(100% - 20px);
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.topin {
	position: relative;
	max-width: 480px;
}

.top11 {
	width: 65px;
	overflow: hidden;
	border-radius: 50%;
	background: linear-gradient(#41A9F2, #78DBFB);
}

.top1 {
	position: absolute;
	/* left: 50%;
	transform: translate(-50%, -50%);
	top: 50%; */
	left: 0px;
	top: 0px;
	width: 50px;
	height: 50px;
	z-index: 9;
	border-radius: 50%;
	background: url(http://img.qxgs.cc/tiantianlaishouzu/img/home/toux.png) no-repeat;
	background-size: 100% 100%;
	padding: 5px;
}

.top2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: -2.5%;
	max-width: 480px;
}

.top2 span {
	display: block;
	font-size: 13px;
	color: #FFF000;
	text-shadow: 1px 1px 1px #112977, 1px -1px 1px #112977, -1px 1px 1px #112977, -1px -1px 1px #112977;
	width: calc(100% - 270px);
	text-align: center;
	height: 23px;
	line-height: 23px;
	font-size: 13px;
	color: #DAF5FF;
	background: url(http://img.qxgs.cc/tiantianlaishouzu/img/yuanshi/MG_D1.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0px;
	left: 30px;
	padding-left: 30px;
	overflow: hidden;
	max-width: 480px;
}

.top2 button {
	width: 63px;
	height: 23px;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/home/vip.png);
	background-size: 100% 100%;
	margin-top: 6px;
}

.top2 button span {
	font-size: 14px;
	font-weight: 700;
	color: #FFE723;
	-webkit-text-stroke: 1px #9D3B00;
	text-stroke: 1px #9D3B00;
	background: linear-gradient(0deg, #FFF000 0%, #FFA621 33.349609375%, #FFF82C 88.720703125%, #FFFFFF 100%);
	-webkit-background-clip: text;
}

.top3 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.top4 {
	display: flex;
	align-items: center;
}

.top5 {
	display: flex;
	align-items: center;
	height: 17px;
	/* background: rgba(0, 55, 137, 0.5);
	box-shadow: 0px 1px 0px 0px rgba(95, 191, 255, 0.63), 0px 1px 0px 0px #29378F; */
	border-radius: 9px;
	margin-left: 10px;
	background: url(http://img.qxgs.cc/tiantianlaishouzu/img/yuanshi/MG_D1.png) no-repeat;
	background-size: 100% 100%;
}

.top5 img {
	width: 16px;
}

.top5 span {
	display: block;
	font-size: 12px;
	color: #FFFFFF;
	min-width: 50px;
	margin: 0 3px;
	text-align: center;
	text-shadow: 1px 1px 1px #006666, 1px -1px 1px #006666, -1px 1px 1px #006666, -1px -1px 1px #006666;
}

.top5 p {
	width: 19px;
	height: 16px;
	background: linear-gradient(0deg, #EF4121 0%, #F74D18 48%, #FF824A 55.00000000000001%, #FF6F2F 100%);
	/* box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.31), 0px 0px 1px 0px rgba(0, 0, 0, 0.31), 0px 0px 1px 0px #FF7C3F, 0px 1px 1px 0px #FFD9AF, 1px 0px 1px 0px rgba(128, 24, 0, 0.7); */
	border-radius: 0 8px 8px 0;
	font-size: 11px;
	text-align: center;
	color: #FFFFFF;
	box-shadow: 0px 1px 1px 0px rgba(10, 36, 64, 0.34);
}

.top5 .duihuan {
	width: 20px;
}

.toplv {
	display: flex;
	align-items: center;
	position: absolute;
	left: 60px;
	top: 25px;
}

.toplv img {
	width: 28px;
	z-index: 9;
}

.toplv p {
	margin-left: -13px;
	/* width: 54px; */
	padding: 3px 15px;
	height: 17px;
	line-height: 17px;
	text-align: center;
	color: #FFFF00;
	bottom: 7px;
	left: 75px;
	z-index: 1;
	background: url(http://img.qxgs.cc/tiantianlaishouzu/img/yuanshi/MG_D2.png) no-repeat;
	background-size: 100% 100%;
}

.toplv span {
	font-weight: 700;
	font-size: 15px;
	line-height: 15px;
	color: #FFFF00;
	background: linear-gradient(0deg, #FF6600 0%, #FFFF00 99.6337890625%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media screen and (max-width: 375px) {
	.toplv span {
		font-size: 12px;
	}
}

.top6 {
	min-width: 120px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	/* background: rgba(12, 18, 58, 0.7); */
	/* box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3), 0px 1px 0px 0px #0C123A; */
	border-radius: 8px;
	margin-top: 1.8vh;
}

.top6 img {
	width: 16px;
	margin-right: 8px;
}

.top6 span {
	font-size: 12px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
}

.option1 {
	position: absolute;
	top: 110%;
	left: 3px;
	display: flex;
	flex-direction: column;
	/* align-items: center; */
	z-index: 99;
	width: 15%;
}

.option1 img {
	/* width: 45%; */
	/* width: 45%; */
	margin-bottom: 5px;
}

.option2 {
	position: absolute;
	top: 110%;
	right: 3px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	z-index: 99;
	width: 15%;
}

.option2 img {
	/* width: 45%; */
	margin-bottom: 5px;
}

.option3 {
	max-width: 480px;
	position: fixed;
	max-width: 480px;
	box-sizing: border-box;
	width: 100%;
	bottom: 78px;
	/* right: 5px; */
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 8;
	/* justify-content: flex-end; */
}

.option3 img {
	width: 69px;
	margin: 0 3px;
}

.option3 div {
	display: flex;
	align-items: center;
}

/* 喷泉 */
.penquanimg {
	position: absolute;
	width: 18%;
	top: 16%;
	left: 25%;
}

/* 能量房产 */
.mlfcimg {
	/* z-index: 99; */
	position: absolute;
	width: 22%;
	top: 66%;
	left: 63%;
}

.ybimg {
	position: absolute;
	width: 10%;
	top: 18%;
	left: 18%;
}

/* 城市 公寓 */
.apartmentBox {
	/* position: relative; */
	/* height: 100vh; */
	/* width: 100%; */
}

.apartment {
	display: flex;
	align-items: center;
	flex-direction: column;
	position: absolute;
	width: 30%;
}

.apartment1 {
	top: 33%;
	left: 17%;
}

.apartment2 {
	top: 31%;
	left: 54.5%;
}

.apartment3 {
	top: 37.5%;
	left: 37.5%;
}

.apartment4 {
	top: 42%;
	left: 60%;
}

.apartment5 {
	top: 45%;
	left: 9%;
}

.apartment6 {
	top: 49.2%;
	left: 29%;
}

.apartment7 {
	top: 54%;
	left: 10%;
}

.apartment8 {
	top: 56%;
	left: 56%;
}

.apartment9 {
	top: 61%;
	left: 35.5%;
}

.cuizi {
	/* position: relative; */
	position: absolute;
	z-index: 9;
	top: -25%;
}

.cuizi1 {
	width: 52px;
	padding-top: 12px;
}

.cuizi5 {
	display: none;
	align-items: center;
	position: absolute;
	top: -17px;
	left: calc(50% - 14px);
	z-index: 99999;
}

.cuizi21 {
	width: 18px;
	padding: 5px;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/home/cuizi.png);
	background-size: 100% 100%;
}

.cuizi2,
.cuizi22,
.cuizi23,
.cuizi24 {
	position: absolute;
	/* top: -18px; */
	top: -29px;
	left: calc(50% - 14px);
	width: 18px;
	padding: 5px;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/home/cuizi.png);
	background-size: 100% 100%;
	/* display: ; */
}

.cuizi3 {
	width: calc(100% - 8px);
	display: flex;
	align-items: center;
	justify-content: center;
	/* zoom: 0.8; */
	position: absolute;
	/* bottom: 33%; */
	/* bottom: ; */
	top: 80%;
	left: 50%;
	transform: translateX(-50%);
	background-color: #09457E;
}

.cuizi3 img {
	width: 16px;
}

.cuizi5 span {
	font-weight: 700;
	/* position: absolute; */
	/* z-index: 999999999; */
	/* left: 50%; */
	/* color: #000 !important; */
}

.cuizi3 span,
.cuizi5 span {
	/* font-size: 12px;
	line-height: 12px;
	color: #9EFF11; */
	font-size: 16px;
	line-height: 12px;
	color: #F7E7CE;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
}

.piao1 {
	position: absolute;
	z-index: 99;
	animation-name: zwyMusic1;
	animation-duration: 2.1s;
	animation-timing-function: linear;
	-webkit-animation: zwyMusic1 2.1s linear;
	/*Webkit内核的浏览器（如 Safari、Chrome）*/
	-moz-animation: zwyMusic1 2.1s linear;
	/*gecko内核的浏览器（如 Firefox）*/
	-o-animation: zwyMusic1 2.1s linear;
	/*Opera 浏览器*/
	-ms-animation: zwyMusic1 2.1s linear;
	/*IE8+*/
	/* animation-iteration-count: infinite; */
}

.piao2 {
	position: absolute;
	z-index: 99;
	animation-name: zwyMusic2;
	animation-duration: 2s;
	animation-timing-function: linear;
	-webkit-animation: zwyMusic2 2.1s linear;
	/*Webkit内核的浏览器（如 Safari、Chrome）*/
	-moz-animation: zwyMusic2 2.1s linear;
	/*gecko内核的浏览器（如 Firefox）*/
	-o-animation: zwyMusic2 2.1s linear;
	/*Opera 浏览器*/
	-ms-animation: zwyMusic2 2.1s linear;
	/*IE8+*/
	/* animation-iteration-count: infinite; */
}

.piao3 {
	position: absolute;
	z-index: 99;
	animation-name: zwyMusic3;
	animation-duration: 2s;
	animation-timing-function: linear;
	-webkit-animation: zwyMusic3 2.1s linear;
	/*Webkit内核的浏览器（如 Safari、Chrome）*/
	-moz-animation: zwyMusic3 2.1s linear;
	/*gecko内核的浏览器（如 Firefox）*/
	-o-animation: zwyMusic3 2.1s linear;
	/*Opera 浏览器*/
	-ms-animation: zwyMusic3 2.1s linear;
	/*IE8+*/
	/* animation-iteration-count: infinite; */
}

.piao4 {
	position: absolute;
	z-index: 99;
	animation-name: zwyMusic4;
	animation-duration: 2s;
	animation-timing-function: linear;
	-webkit-animation: zwyMusic4 2.1s linear;
	/*Webkit内核的浏览器（如 Safari、Chrome）*/
	-moz-animation: zwyMusic4 2.1s linear;
	/*gecko内核的浏览器（如 Firefox）*/
	-o-animation: zwyMusic4 2.1s linear;
	/*Opera 浏览器*/
	-ms-animation: zwyMusic4 2.1s linear;
	/*IE8+*/
	/* animation-iteration-count: infinite; */
}


@keyframes zwyMusic1 {
	0% {
		transform: translateX(0) translateY(0) scale(0);
		-moz-transform: translateX(0) translateY(0) scale(0);
		-o-transform: translateX(0) translateY(0) scale(0);
		-webkit-transform: translateX(0) translateY(0) scale(0);
		-ms-transform: translateX(0) translateY(0) scale(0);
		opacity: 1;
	}

	5% {
		transform: translateY(0) translateX(0) scale(.6);
		-moz-transform: translateX(0) translateY(0) scale(.6);
		-o-transform: translateX(0) translateY(0) scale(.6);
		-webkit-transform: translateX(0) translateY(0) scale(.6);
		-ms-transform: translateX(0) translateY(0) scale(.6);
		opacity: 1;
	}

	50% {
		transform: translateX(0) translateY(-30px) scale(0.8);
		-moz-transform: translateX(0) translateY(-30px) scale(0.8);
		-o-transform: translateX(0) translateY(-30px) scale(0.8);
		-webkit-transform: translateX(0) translateY(-30px) scale(0.8);
		-ms-transform: translateX(0) translateY(-30px) scale(0.8);
		opacity: 1;
	}

	90% {
		transform: translateX(0) translateY(-70px) scale(1);
		-moz-transform: translateX(0) translateY(-70px) scale(1);
		-o-transform: translateX(0) translateY(-70px) scale(1);
		-webkit-transform: translateX(0) translateY(-70px) scale(1);
		-ms-transform: translateX(0) translateY(-70px) scale(1);
		opacity: 1;
	}

	93% {
		transform: translateX(0) translateY(-70px) scale(0.5);
		-moz-transform: translateX(0) translateY(-70px) scale(0.5);
		-o-transform: translateX(0) translateY(-70px) scale(0.5);
		-webkit-transform: translateX(0) translateY(-70px) scale(0.5);
		-ms-transform: translateX(0) translateY(-70px) scale(0.5);
		opacity: 1;
	}

	100% {
		transform: translateX(0) translateY(0) scale(0);
		-moz-transform: translateX(0) translateY(0) scale(0);
		-o-transform: translateX(0) translateY(0) scale(0);
		-webkit-transform: translateX(0) translateY(0) scale(0);
		-ms-transform: translateX(0) translateY(0) scale(0);
		opacity: 1;
	}
}

@keyframes zwyMusic2 {
	0% {
		transform: translateX(-15px) translateY(0) scale(0);
		-moz-transform: translateX(-15px) translateY(0) scale(0);
		-o-transform: translateX(-15px) translateY(0) scale(0);
		-webkit-transform: translateX(-15px) translateY(0) scale(0);
		-ms-transform: translateX(-15px) translateY(0) scale(0);
		opacity: 1;
	}

	5% {
		transform: translateY(-18px) translateX(0) scale(.5);
		-moz-transform: translateY(-18px) translateX(0) scale(.5);
		-o-transform: translateY(-18px) translateX(0) scale(.5);
		-webkit-transform: translateY(-18px) translateX(0) scale(.5);
		-ms-transform: translateY(-18px) translateX(0) scale(.5);
		opacity: 1;
	}

	50% {
		transform: translateX(-20px) translateY(-15px) scale(1);
		-moz-transform: translateX(-20px) translateY(-15px) scale(1);
		-o-transform: translateX(-20px) translateY(-15px) scale(1);
		-webkit-transform: translateX(-20px) translateY(-15px) scale(1);
		-ms-transform: translateX(-20px) translateY(-15px) scale(1);
		opacity: 1;
	}

	90% {
		transform: translateX(-25px) translateY(-50px) scale(0.5);
		-moz-transform: translateX(-25px) translateY(-50px) scale(0.5);
		-o-transform: translateX(-25px) translateY(-50px) scale(0.5);
		-webkit-transform: translateX(-25px) translateY(-50px) scale(0.5);
		-ms-transform: translateX(-25px) translateY(-50px) scale(0.5);
		opacity: 0;
	}

	93% {
		transform: translateX(0) translateY(-55px) scale(0.8);
		-moz-transform: translateX(0) translateY(-55px) scale(0.8);
		-o-transform: translateX(0) translateY(-55px) scale(0.8);
		-webkit-transform: translateX(0) translateY(-55px) scale(0.8);
		-ms-transform: translateX(0) translateY(-55px) scale(0.8);
		opacity: 0;
	}

	100% {
		transform: translateX(0) translateY(0) scale(0);
		-moz-transform: translateX(0) translateY(0) scale(0);
		-o-transform: translateX(0) translateY(0) scale(0);
		-webkit-transform: translateX(0) translateY(0) scale(0);
		-ms-transform: translateX(0) translateY(0) scale(0);
		opacity: 0;
	}
}

@keyframes zwyMusic3 {
	0% {
		transform: translateX(10px) translateY(0) scale(0);
		-moz-transform: translateX(10px) translateY(0) scale(0);
		-o-transform: translateX(10px) translateY(0) scale(0);
		-webkit-transform: translateX(10px) translateY(0) scale(0);
		-ms-transform: translateX(10px) translateY(0) scale(0);
		opacity: 1;
	}

	5% {
		transform: translateY(20px) translateX(0) scale(.3);
		-moz-transform: translateY(20px) translateX(0) scale(.3);
		-o-transform: translateY(20px) translateX(0) scale(.3);
		-webkit-transform: translateY(20px) translateX(0) scale(.3);
		-ms-transform: translateY(20px) translateX(0) scale(.3);
		opacity: 1;
	}

	50% {
		transform: translateX(25px) translateY(-15px) scale(0.5);
		-moz-transform: translateX(25px) translateY(-15px) scale(0.5);
		-o-transform: translateX(25px) translateY(-15px) scale(0.5);
		-webkit-transform: translateX(25px) translateY(-15px) scale(0.5);
		-ms-transform: translateX(25px) translateY(-15px) scale(0.5);
		opacity: 1;
	}

	90% {
		transform: translateX(35px) translateY(-60px) scale(0.7);
		-moz-transform: translateX(35px) translateY(-60px) scale(0.7);
		-o-transform: translateX(35px) translateY(-60px) scale(0.7);
		-webkit-transform: translateX(35px) translateY(-60px) scale(0.7);
		-ms-transform: translateX(35px) translateY(-60px) scale(0.7);
		opacity: 0;
	}

	93% {
		transform: translateX(30px) translateY(-60px) scale(0.8);
		-moz-transform: translateX(30px) translateY(-60px) scale(0.8);
		-o-transform: translateX(30px) translateY(-60px) scale(0.8);
		-webkit-transform: translateX(30px) translateY(-60px) scale(0.8);
		-ms-transform: translateX(30px) translateY(-60px) scale(0.8);
		opacity: 0;
	}

	100% {
		transform: translateX(0) translateY(0) scale(0);
		-moz-transform: translateX(0) translateY(0) scale(0);
		-o-transform: translateX(0) translateY(0) scale(0);
		-webkit-transform: translateX(0) translateY(0) scale(0);
		-ms-transform: translateX(0) translateY(0) scale(0);
		opacity: 0;
	}
}

@keyframes zwyMusic4 {
	0% {
		transform: translateX(2px) translateY(0) scale(0);
		-moz-transform: translateX(2px) translateY(0) scale(0);
		-o-transform: translateX(2px) translateY(0) scale(0);
		-webkit-transform: translateX(2px) translateY(0) scale(0);
		-ms-transform: translateX(2px) translateY(0) scale(0);
		opacity: 1;
	}

	5% {
		transform: translateY(8px) translateX(0) scale(.6);
		-moz-transform: translateY(8px) translateX(0) scale(.6);
		-o-transform: translateY(8px) translateX(0) scale(.6);
		-webkit-transform: translateY(8px) translateX(0) scale(.6);
		-ms-transform: translateY(8px) translateX(0) scale(.6);
		opacity: 1;
	}

	50% {
		transform: translateX(22px) translateY(-30px) scale(0.8);
		-moz-transform: translateX(22px) translateY(-30px) scale(0.8);
		-o-transform: translateX(22px) translateY(-30px) scale(0.8);
		-webkit-transform: translateX(22px) translateY(-30px) scale(0.8);
		-ms-transform: translateX(22px) translateY(-30px) scale(0.8);
		opacity: 1;
	}

	90% {
		transform: translateX(12px) translateY(-70px) scale(0.6);
		-moz-transform: translateX(12px) translateY(-70px) scale(0.6);
		-o-transform: translateX(12px) translateY(-70px) scale(0.6);
		-webkit-transform: translateX(12px) translateY(-70px) scale(0.6);
		-ms-transform: translateX(12px) translateY(-70px) scale(0.6);
		opacity: 0;
	}

	93% {
		transform: translateX(0) translateY(-70px) scale(1.2);
		-moz-transform: translateX(0) translateY(-70px) scale(1.2);
		-o-transform: translateX(0) translateY(-70px) scale(1.2);
		-webkit-transform: translateX(0) translateY(-70px) scale(1.2);
		-ms-transform: translateX(0) translateY(-70px) scale(1.2);
		opacity: 0;
	}

	100% {
		transform: translateX(0) translateY(0) scale(0);
		-moz-transform: translateX(0) translateY(0) scale(0);
		-o-transform: translateX(0) translateY(0) scale(0);
		-webkit-transform: translateX(0) translateY(0) scale(0);
		-ms-transform: translateX(0) translateY(0) scale(0);
		opacity: 0;
	}
}

/* @keyframes */


.apartmentimg {
	position: relative;
}

.apartmentimg1 {
	width: 75%;
	position: absolute;
	bottom: 15%;
	left: 12%;
}

.apartmentimg2 {}

.gongyu {
	width: 69px;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/home/num.png);
	background-size: 100% 100%;
	margin-top: -18px;
}

.gongyu p {
	font-size: 11px;
	color: #93EAFF;
	line-height: 11px;
}

.gongyu span {
	font-size: 11px;
	color: #FFD548;
	line-height: 11px;
}









/* 模态框 */
/* 签到 每日福利 */
.modal-welfare {
	/* display: block; */
}

.modal-contentIn2 {
	background: #CEBA9C;
	box-shadow: 0px 1px 2px 0px #8F8063;
	border-radius: 3px;
	padding: 7px 7px 12px;
}

.modal_list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.modal_listin {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(49% - 16px);
	background: #F7E7CE;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.5), 0px 1px 1px 0px #FFFFFF, 0px -1px 1px 0px #BB8D67;
	border-radius: 3px;
	padding: 4px 13px 4px 3px;
	margin-bottom: 5px;
}

.daynum {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #EFD7AD;
	border-radius: 3px;
	padding: 14px 0;
	width: 45px;
}

.daynum p {
	font-size: 27px;
	color: #5A4531;
	line-height: 20px;
}

.daynum span {
	font-size: 13px;
	color: #8C7552;
	line-height: 20px;
}

.thing {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/thing.png);
	background-size: 100% 100%;
	padding: 3px 5px 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 480px;
}

.thing span {
	font-size: 14px;
	text-shadow: 1px 1px 1px #0C2462, 1px -1px 1px #0C2462, -1px 1px 1px #0C2462, -1px -1px 1px #0C2462;
	color: #FFFFFF;
	line-height: 20px;
	margin-top: -12px;
}

.recieve {
	filter: grayscale(100%);
	width: 47px;
	height: 24px;
	text-align: center;
	/* background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn1.png); */
	/* background-size: 100% 100%; */
	font-size: 12px;
	line-height: 24px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #0C2462, 1px -1px 1px #0C2462, -1px 1px 1px #0C2462, -1px -1px 1px #0C2462;
}

.zone .recieved {
	width: 47px;
	height: 24px;
	text-align: center;
	background: #CE6D39;
	box-shadow: 0px 1px 0px 0px #FFF9D6, 0px 2px 2px 0px #843421;
	border-radius: 5px;
	font-size: 13px;
	line-height: 24px;
	font-size: 12px;
	color: #FFFFFF;
}

.thing img {
	width: 30px;
	height: 30px;
}

.daynum7 {
	background: #F7E7CE;
	border: 1px solid #118FDE;
	border-radius: 3px;
}

.tit7 {
	background: linear-gradient(0deg, #2996CE 0%, #185184 100%);
	box-shadow: 0px 2px 0px 0px #69D4F7, 0px 0px 0px 0px rgba(105, 212, 247, 0.71);
	border-radius: 3px;
	padding: 3px 0 4px;
	text-align: center;
	font-size: 12px;
	font-family: FZY3JW;
	font-weight: normal;
	color: #84F7FF;
	line-height: 20px;
}

.day7left {
	display: flex;
	align-items: center;
}

.day7left .thing {
	margin: 0 9px;
}

.day7left .thing span {
	font-size: 12px;
	zoom: 0.7;
	color: #87EAFF;
	text-shadow: 1px 1px 1px #0C2462, 1px -1px 1px #0C2462, -1px 1px 1px #0C2462, -1px -1px 1px #0C2462;
}

.day7 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 4px 3px;
}

.daynum .red {
	font-size: 27px;
	color: #F00303;
	line-height: 20px;
}

.shenyi {
	font-size: 13px;
	color: #5A4531;
	line-height: 20px;
}

.warm_tips {
	width: 89px;
	height: 30px;
	background: #EDCEAE;
	border-radius: 3px;
	padding: 3px 6px 5px;
	font-size: 11px;
	font-family: FZY4JW;
	font-weight: normal;
	color: #C66721;
	line-height: 14px;
}

.look {
	font-size: 14px;
	color: #314973;
	margin: 7px 0;
	text-align: center;
}

.progress {
	position: relative;
	width: 162px;
	height: 15px;
	background: #4A6D9C;
	border: 1px solid #395D8C;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.35), 0px 2px 2px 0px #395D8C;
	border-radius: 7px;
	margin: 0 auto;
}

.clsborder {
	border: 1px solid #FF3C00;
}

/* 
.progress::after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 50%;
	height: 15px;
	background: linear-gradient(0deg, #F79E08 0%, #F7C718 43%, #FFEFAD 66%, #FFFBE7 100%);
	box-shadow: 0px 1px 0px 0px #FFFFFF;
	border-radius: 7px;
} */

.progress p {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 50%;
	height: 15px;
	background: linear-gradient(0deg, #F79E08 0%, #F7C718 43%, #FFEFAD 66%, #FFFBE7 100%);
	box-shadow: 0px 1px 0px 0px #FFFFFF;
	border-radius: 7px;
}

.progress span {
	font-size: 13px;
	color: #63F331;
	text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	z-index: 99;
}


.modal button {
	width: 64px;
	height: 36px;
	display: block;
	margin: 15px auto 0;
	font-size: 18px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn1.png);
	background-size: 100% 100%;
}

.top-box {
	position: relative;
}

/* 商圈  地段*/
.modal-trade {
	/* display: block; */
}

.modal-contentIn3 {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/home/bd.png);
	background-size: 100% 100%;
	padding: 15px 18px;
	font-size: 15px;
	color: #84F7FF;
	line-height: 19px;
	margin-bottom: 7px;
}

.buff {
	background: #F7E7CE;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow: 0px 1px 1px 0px #FFFFFF, 0px -1px 1px 0px #BB8D67;
	border-radius: 3px;
	padding: 4px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 5px;
}

.buffimg .sousuo {
	position: absolute;
	left: 2px;
	top: 2px;
	width: 16px;
}

.buffimgin {
	position: absolute;
	top: 2px;
	right: 2px;
}

.buffimgin img {
	width: 67px;
}

.buffimgin span {
	position: absolute;
	left: 4px;
	top: 4px;
	font-size: 12px;
	color: #104B6D;
	zoom: 0.8;
	line-height: 20px;
}

.buffimg {
	position: relative;
	width: 50%;
}

.buffLeft {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 48%;
}

.suodi {
	width: 100%;
	position: absolute;
	top: 15px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.suodi img {
	width: 26px;
	margin-bottom: 5px;
}

.suodi span {
	display: block;
	text-align: center;
	width: 100%;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 20px;
}

.buffimg2 .firstimg {
	filter: invert(30%);
}

.buff1 {
	background: #EDCEAE;
	border-radius: 3px;
	width: 100%;
	text-align: center;
	font-size: 15px;
	color: #C66721;
	line-height: 15px;
	padding: 3px 0;
}

.buff2 {
	font-size: 15px;
	color: #896541;
	line-height: 15px;
	margin: 2px 0;
}

.buff3 {
	font-size: 15px;
	color: #0ED909;
	line-height: 15px;
}

.modal .buff4 {
	width: 64px;
	height: 35px;
	display: block;
	margin: 3px auto 0;
	font-size: 14px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/home/vip.png);
	background-size: 100% 100%;
}

.modal .buff5,
.modal .buff6 {
	width: 64px;
	height: 35px;
	display: block;
	margin: 3px auto 0;
	font-size: 14px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn1.png);
	background-size: 100% 100%;
}

.buffRed {
	font-size: 15px;
	color: #F00303;
	line-height: 15px;
}

/* 科技 */
.modal-tech {
	/* display: block; */
}

.techBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.tech {
	width: calc(30% - 14px);
	background: #F7E7CE;
	border: 1px solid;
	padding: 7px;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow: 0px 1px 1px 0px #FFFFFF, 0px -1px 1px 0px #BB8D67;
	border-radius: 3px;
	margin-bottom: 8px;
}

.tech span {
	font-size: 13px;
	color: #183C63;
	line-height: 15px;
	display: block;
	text-align: center;
	margin: 10px 0;
}

.tech img {
	width: 80%;
	display: block;
	margin: 0 auto;
}

.techin {
	display: flex;
	align-items: center;
	justify-content: center;
	/* background: #CE6D39;
	box-shadow: 0px 1px 0px 0px #FFF9D6, 0px -3px 2px 0px #843421; */
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn1.png);
	background-size: 100% 100%;
	border-radius: 5px;
	padding: 5px 0;
	margin-top: 6px;
}

.techin span {
	font-size: 14px;
	color: #FFFFFF;
	margin: 0 !important;
}

.techin img {
	width: 16px;
	margin: 0 5px 0 0 !important;
}

/* 扩建 */
.modal-expand {
	/* display: block; */
}

.expand1 {
	background: #F7E7CE;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow: 0px 1px 1px 0px #FFFFFF, 0px -1px 1px 0px #BB8D67;
	border-radius: 3px;
	margin-bottom: 9px;
}

.expand2 {
	background: #D6B68C;
	border-radius: 3px;
	font-size: 15px;
	text-align: center;
	color: #5A4531;
	line-height: 20px;
	padding: 5px 0 7px;
	margin-bottom: 6px;
}

.expand3 {
	display: flex;
	align-items: center;
	padding: 0 15px 6px;
	justify-content: space-between;
}

.expand3 .expandimg1 {
	width: 40%;
}

.expand3 .expandimg2 {
	width: 10%;
}

.kuojian {
	background: #B5DBFF;
	border: 1px solid;
	border-image: linear-gradient(0deg, #2C5888, #588CD0) 1 1;
	border-radius: 3px;
	margin-top: 10px;
}

.kuo {
	background: linear-gradient(0deg, #426994 0%, #6B9ACE 100%);
	box-shadow: 0px -1px 1px 0px #244C81;
	border-radius: 3px;
	font-size: 15px;
	color: #87EAFF;
	line-height: 20px;
	text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
	padding: 6px 0 6px 15px;
}

.jian {
	display: flex;
	align-items: center;
	justify-content: center;
	/* padding: 16px 0 21px; */
	margin-bottom: 5px !important;
}

.jian img {
	width: 16px;
}

.jian span {
	font-size: 15px;
	color: #296994 !important;
	line-height: 20px;
	margin: 0 10px 0 3px;
}

.jian p {
	font-size: 15px;
	color: #FF7200 !important;
	line-height: 20px;
}

.jian2 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.jian2 img {
	width: 60px;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/thing.png);
	background-size: 100% 100%;
	padding: 7px 5px 5px;
	margin: 6px 0 4px;
}

.jianin {
	display: flex;
	align-self: center;
	margin-bottom: 8px;
}

.jianin span {
	font-size: 15px;
	color: #F00303;
	line-height: 20px;
}

.jianin p {
	font-size: 15px;
	color: #296994;
	line-height: 20px;
}

.kuoda {
	display: flex;
	/* align-items: center; */
	flex-direction: column;
	margin-top: 9px;
	background: #B5DBFF;
	border: 1px solid;
	border-image: linear-gradient(0deg, #2C5888, #588CD0) 1 1;
	border-radius: 3px;
}

.kuodatit {
	background: linear-gradient(0deg, #426994 0%, #6B9ACE 100%);
	box-shadow: 0px -1px 1px 0px #244C81;
	border-radius: 3px;
	padding: 6px 0 6px 15px;
	font-size: 15px;
	color: #87EAFF;
	text-align: left;
	line-height: 20px;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
}

.kuodain {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 0;
	background-color: #B5DBFF;
}

.kuodain span {
	font-size: 14px;
	color: #296994;
}

.kuodain p {
	font-size: 14px;
	color: #FF7200;
}

.kuodain img {
	width: 16px;
	margin: 0 5px;
}

.kuodain2 {
	padding: 10px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.kuodain2 img {
	width: 45px;
}

.kuodain2 p {
	font-size: 15px;
	color: #296994;
	line-height: 20px;
}

.kuodain2 span {
	color: #F00303;
}

.modal .kuoda button {
	width: 92px;
	height: 35px;
	display: block;
	margin: 15px auto 0;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
}



/* 人才详情 */
.modal-detail {
	/* display: block; */
}

.detailTop {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.detailimg {
	position: relative;
	width: calc(35% - 40px);
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/rencai/xq.png);
	padding: 5px 20px;
	background-size: 100% 100%;
}

.detailimg span {
	display: block;
	text-align: center;
	width: 63px;
	height: 15px;
	background: #39CB31;
	box-shadow: 0px 1px 1px 0px rgba(200, 253, 161, 0.63), 0px 0px 1px 0px #AAFF88;
	border-radius: 3px;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 10px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #0F3B1D, 1px -1px 1px #0F3B1D, -1px 1px 1px #0F3B1D, -1px -1px 1px #0F3B1D;
}

.detailimg p {
	display: block;
	width: 100%;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/home/dipi.png);
	background-size: 100% 100%;
	padding: 5px 0;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 13px;
	font-weight: normal;
	color: #0ED909;
	text-shadow: 1px 1px 1px #0F3B1D, 1px -1px 1px #0F3B1D, -1px 1px 1px #0F3B1D, -1px -1px 1px #0F3B1D;
}

.detailleft {
	width: 63%;
	display: flex;
	flex-direction: column;
	background: #F7E7CE;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow: 0px 1px 1px 0px #FFFFFF, 0px -1px 1px 0px #BB8D67;
	border-radius: 3px;
}

.detail1 {
	display: flex;
	align-items: center;
	background: #D6B68C;
	border-radius: 3px;
	padding: 6px 0 6px 5px;
	margin-top: 8px;
}

.detail1 img {
	width: 14px;
}

.detail1 span {
	font-size: 12px;
	color: #5A4531;
	zoom: 0.8;
}

.detail1 .luse {
	color: #28CC24;
	zoom: 0.8;
}

.detail1 p {
	font-size: 15px;
	color: #F00303;
}

.detail2 {
	padding: 4px;
}

.detail2 span {
	font-size: 13px;
	color: #896541;
	line-height: 16px;
}

.detail2 img {
	width: 16px;
}

.detail2 div {
	margin: 3px 0;
	display: flex;
	align-items: center;
}

.tujing {
	background: rgba(181, 219, 255, 0.41);
	border: 1px solid;
	border-image: linear-gradient(0deg, rgba(44, 88, 136, 0.41), rgba(88, 140, 208, 0.41)) 1 1;
	border-radius: 3px;
	margin-top: 9px;
}

.tujing span {
	background: linear-gradient(0deg, rgba(66, 105, 148, 0.41) 0%, rgba(107, 154, 206, 0.41) 100%);
	box-shadow: 0px -1px 1px 0px rgba(36, 76, 129, 0.41);
	border-radius: 3px;
	display: block;
	width: calc(100% - 30px);
	font-size: 15px;
	color: #87EAFF;
	line-height: 20px;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
	padding: 6px 15px;
}

.tujing p {
	min-height: 50px;
}

.downimg {
	display: block;
	margin: 2% 0 2% 25%;
}

/* 售楼部 */
.modal-sale {
	/* display: block; */
}

.sale1 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.sale2 {
	text-align: center;
	font-size: 15px;
	font-weight: normal;
	color: #5A4531;
	line-height: 20px;
}

.sale3 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 11px 15px 0;
}

.sale3 .expandimg1 {
	width: 40%;
}

.sale3 .expandimg2 {
	width: 10%;
}

.sale3 .expandimg3 {
	width: 30%;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/thing.png);
	background-size: 100% 100%;
	padding: 5%;
}

.jian .red {
	font-size: 15px;
	color: #F00303;
	line-height: 20px;
}

/* 说明 */
.modal-explian {
	/* display: block; */
}

.modal-content2 {
	background: #103C63;
	border: 1px solid #18305A;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5), 0px -1px 0px 0px #649CCF;
	padding: 0 2px;
}

.modal-contentIn2 {
	background: #B5DBFF;
	/* background: #CEBA9C; */
	/* box-shadow: 0px 1px 2px 0px #8F8063; */
	border-radius: 3px;
	border: 1px solid;
	border-image: linear-gradient(0deg, #2C5888, #588CD0) 1 1;
}

.explian1 {
	font-size: 15px;
	color: #296994;
	line-height: 20px;
	margin-bottom: 50px;
}

/* 招募租户 */
.modal-recruit {
	/* display: block; */
}

.modal-recruit .modal-content {
	overflow-x: auto;
}

html,
body {
	position: relative;
	height: 100%;
}

body {
	/* background: #eee; */
	/* font-family: Helvetica Neue, Helvetica, Arial, sans-serif; */
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
}

.swiper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/* height: 100vh; */
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	/* background: #fff; */

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 35%;
	margin: 0 auto;
	height: 100%;
	object-fit: cover;
}

.swiper-button-next {
	position: absolute;
	top: 80%;
	right: 0px;
	transform: translateY(-50%);
	z-index: 999;
	width: 30px;
	display: block;
}

.swiper-button-next img {
	/* position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	z-index: 999;
	width: 30px;
	display: block; */
}

.swiper-button-prev {
	position: absolute;
	top: 80%;
	left: 0px;
	transform: translateY(-50%);
	z-index: 999;
	width: 30px;
	display: block;
}

.swiper-button-disabled {
	opacity: 0.5 !important;
}

.btnshiyong {
	position: absolute;
	left: 5px;
	top: 85px;
	width: 50px !important;
	height: auto !important;
	line-height: 23px !important;
	/* display: block ; */
	font-size: 14px !important;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn4.png) !important;
	background-size: 100% 100%;
	margin: 0 !important;
	padding-bottom: 3px !important;
	/* display: none !important; */
}


.recruittop {
	display: flex;
	align-items: center;
	justify-content: center;
}

.mubiao {
	width: 140px;
	display: flex;
	align-items: flex-start;
	justify-content: space-around;
	margin-top: -15%;
	position: relative;
}

.recruit2 {
	width: 56px !important;
}

.recruit3 {
	margin-top: 15%;
}

.recruit1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #F7E7CE;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow: 0px 1px 1px 0px #FFFFFF, 0px -1px 1px 0px #BB8D67;
	border-radius: 3px;
	/* padding: 1px; */
	width: 56px;
}

.jiantou {
	width: 38px;
	position: absolute;
}

.jiantou1 {
	left: -25px;
}

.jiantou2 {
	right: -25px;
}

.recruit1 img {
	width: 65%;
	padding: 5%;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/thing.png);
	background-size: 100% 100%;
}

.recruit1 span {
	background: #D6B68C;
	border-radius: 3px;
	font-size: 12px;
	font-weight: normal;
	color: #5A4531;
	display: block;
	width: 100%;
	/* padding: 6px 0; */
	text-align: center;
	margin-bottom: 3px;
}

.recruit1 p {
	font-size: 13px;
	color: #FFDB4A;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
	/* margin-top: 5px; */
}

.zuhu {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 3px;
}

.zuhu p {
	display: flex;
	align-items: center;
	font-size: 15px;
	color: #5A4531;
	line-height: 20px;
}

.zuhu img {
	width: 26px;
	position: absolute;
	top: 20px;
	right: 20px;
}

.zuhu span {
	font-size: 15px;
	font-weight: normal;
	color: #BD5D21;
	line-height: 20px;
}

.modal-recruit .modal-contentIn {
	padding: 7px 9px 5px;
}

.jianzao {
	position: relative;
	background: #B5DBFF;
	border: 1px solid;
	border-image: linear-gradient(0deg, #2C5888, #588CD0) 1 1;
	border-radius: 3px;
	margin-top: 4px;
	padding-bottom: 10px;
	width: 100%;
}

.jiantit {
	background: linear-gradient(0deg, #426994 0%, #6B9ACE 100%);
	box-shadow: 0px -1px 1px 0px #244C81;
	border-radius: 3px;
	font-size: 15px;
	text-align: center;
	color: #87EAFF;
	line-height: 20px;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
	padding: 0px 0 5px;
	margin-bottom: 10px;
}

.jianzaoin {
	padding-top: 30px;
	position: relative;
	background: rgba(0, 0, 0, 0);
	border-radius: 3px;
}

.zaoin {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: calc(100% - 30px);
	padding: 0 15px;
	position: absolute;
	top: 0px;
}

.zaoin div {
	background: linear-gradient(0deg, #497AA3 0%, #497AA3 57.99999999999999%, #497AA3 63%, #497AA3 100%);
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3), 0px 1px 0px 0px #0C123A;
	border-radius: 8px;
	padding: 2px 5px;
	display: flex;
	margin: 0 5px;
	align-items: center;
	flex-wrap: nowrap;
	width: fit-content;
}

.zaoin div img {
	width: 16px;
}

.zaoin div span {
	font-size: 12px;
	display: block;
	text-align: center;
	/* width: calc(100% - 20px); */
	color: #FFFFFF;
}

.gaiBox {
	display: flex;
	align-items: center;
}

.gaiBox .kjimg {
	position: absolute;
	top: 20px;
	right: 0px;
	width: 59px;
	height: 60px;
}

.jiezhiimg {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 64px;
}

.jiezhiimg img {
	width: 100%;
}

.jiezhiimggray {
	filter: grayscale(100%);
}

.modal-content .jianzao .suo2 {
	position: absolute;
	width: 24px;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.jiezhiimg span {
	position: absolute;
	bottom: 0px;
	left: 0;
	display: block;
	text-align: center;
	width: 100%;
	font-size: 12px;
	line-height: 12px;
	color: #FAE74A;
	line-height: 20px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.71);
	text-shadow: 1px 1px 1px #912503, 1px -1px 1px #912503, -1px 1px 1px #912503, -1px -1px 1px #912503;
}

.sellimg {
	/* position: absolute;
	bottom: -6%; */
	width: 81px;
	display: block;
	margin: -10% auto 0;
	/* margin-right: 10%; */
	/* left: calc(50% - 20px); */
}

.btnboxbtm {
	position: absolute;
	display: flex;
	align-items: center;
	bottom: -6%;
	right: 0;
}

.btnboxbtm button {
	margin: 0 2px;
}

.btnboxbtm2 {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn4.png) !important;
}

.btnboxbtm3 {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn9.png) !important;
}

.guyong {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3px;
}

.guyong span {
	font-size: 15px;
	color: #0ED909;
}

.guyong p {
	font-size: 15px;
	color: #314973;
}

.jinbiBox {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px 0 0;
}

.jinbiBox img {
	width: 16px;
	margin-right: 8px;
}

.jinbiBox span {
	font-size: 14px;
	color: #FFFFFF;
}

.jineng {
	background: #F7EFDE;
	box-shadow: 0px 1px 0px 0px #082842;
	/* margin-top: 8px; */
}

.jinengtitin {
	background: linear-gradient(90deg, #426994 0%, #6392CE 100%);
	width: calc(100% - 20px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 10px;
}

.jinengtit {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 5px;
}

.rmguanjia {
	color: #66DDF9 !important;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
}

.jinengtit p {
	font-size: 15px;
	color: #FFFFFF;
}

.jinengtit span {
	font-size: 15px;
	color: #63F331;
}

.btmList {
	/* width: calc(100% - 30px); */
	overflow: hidden;
	overflow-x: scroll;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	padding: 3px 0 5px;
}

.btmList .btmListin {
	/* display: flex; */
	flex: 1;
	padding-left: 5%;
	white-space: nowrap;
	/* margin: 0 15px; */
}

.btmListin div {
	width: 20% !important;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/thing.png);
	background-size: 100% 100%;
	padding: 0 0;
	margin: 0 5px;
	display: inline-block;
	position: relative;
}

.btmListin div img {
	width: 32px;
	display: block;
	margin: 16px auto;
	height: 32px;
}

.btmListin div .drwimg {
	width: calc(100% - 8px);
	display: block;
	margin: 2px auto;
	height: auto;
}

.btmListin div span {
	font-size: 13px;
	display: block;
	height: 32px;
	color: #87EAFF;
	font-weight: 700;
	text-align: center;
	line-height: 32px;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
}

.btmListin div button {
	position: absolute;
	width: 80%;
	height: 30px;
	left: 10%;
	top: calc(50% - 30px);
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn1.png);
	background-size: 100% 100%;
	font-size: 14px;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
	display: none;
	z-index: 99;
}

.btnBox {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-top: 3px;
}

.btnBox .zmbtn {
	width: 32%;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	margin: 0 !important;
	height: auto;
	padding: 5px 0 10px;
}

.zmbtn1 {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/home/a1.png) !important;
}

.zmbtn2 {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/home/a2.png) !important;
}

.zmbtn3 {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/home/a3.png) !important;
}

.btnBox span {
	font-size: 16px !important;
}

.zmin {
	display: flex;
	align-items: center;
}

.btnBox img {
	width: 16px;
}

.zmbtn p {
	font-size: 14px !important;
}

/* 地皮建造 */
.modal-build {
	/* display: block; */
}

.detailimg2 {
	position: relative;
	margin-right: 5px;
}

.detailimg2 div {
	position: absolute;
	bottom: 7px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/home/dipi.png);
	background-size: 100% 100%;
	padding: 2px 0;
}

.imgde3 {
	height: 142px;
	width: auto;
}

.detailimg2 div img {
	width: 16px;
	margin-right: 8px;
}

.detailimg2 div span {
	font-size: 12px;
	color: #FFFFFF;
}

.detail3 {
	font-size: 15px;
	color: #896541;
	line-height: 15px;
	background-color: transparent !important;
	margin-top: 5px;
}

.detailleft2 {
	height: 130px;
	padding-bottom: 10px;
	width: 56%;
	display: flex;
	flex-direction: column;
	background: #F7E7CE;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow: 0px 1px 1px 0px #FFFFFF, 0px -1px 1px 0px #BB8D67;
	border-radius: 3px;
}

.tujing2 {
	background: rgba(181, 219, 255, 0.41);
	border: 1px solid;
	border-image: linear-gradient(0deg, rgba(44, 88, 136, 0.41), rgba(88, 140, 208, 0.41)) 1 1;
	border-radius: 3px;
	margin-top: 9px;
}

.tujing2 span {
	background: linear-gradient(0deg, rgba(66, 105, 148, 0.41) 0%, rgba(107, 154, 206, 0.41) 100%);
	box-shadow: 0px -1px 1px 0px rgba(36, 76, 129, 0.41);
	border-radius: 3px;
	display: block;
	width: calc(100% - 30px);
	font-size: 15px;
	color: #87EAFF;
	line-height: 20px;
	padding: 6px 15px;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
}

.tujing2 p {
	padding: 10px;
	font-size: 15px;
	color: #0ED909;
	line-height: 20px;
}

/* 地皮建造 2 */
.modal-build2 {
	/* display: block; */
}

.detailtit {
	background: #D6B68C;
	border-radius: 3px;
	font-size: 14px;
	color: #5A4531;
	padding: 6px 11px;
}

.tujing2 .red {
	font-size: 15px;
	color: #F00303;
	line-height: 20px;
}

.modal-build2 .gohead {
	text-shadow: 1px 1px 1px #672E00, 1px -1px 1px #672E00, -1px 1px 1px #672E00, -1px -1px 1px #672E00;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn8.png);
}

/* 金币兑换 */
.modal-exchange {
	/* display: block; */
}

.ex_top {
	display: flex;
	align-items: center;
	width: 150px;
	height: 20px;
	background: linear-gradient(0deg, #001B35 0%, #001B35 57.99999999999999%, #013866 63%, #013866 100%);
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3), 0px 1px 0px 0px #0C123A;
	border-radius: 8px;
	padding: 0 3px;
	margin-bottom: 10px;
}

.ex_top span {
	font-size: 12px;
	font-family: FZY3JW;
	font-weight: normal;
	color: #FFFFFF;
}

.ex_top p {
	width: calc(100% - 68px);
	text-align: center;
	font-size: 12px;
	color: #87EAFF;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
}

.ex_top img {
	width: 16px;
	margin-right: 4px;
}

.ex_cen {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.ex_ce_list {
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.ex_ce_list_top {
	background: #F7E7CE;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow: 0px 1px 1px 0px #FFFFFF, 0px -1px 1px 0px #BB8D67;
	border-radius: 3px;
	padding: 2px;
}

.ex_ce_list_top1 {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/thing.png);
	background-size: 100% 100%;
	position: relative;
	padding: 5% 0;
}

.ex_ce_list_top1 span {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	text-align: center;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 20px;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
}

.ex_ce_list_top1 img {
	width: 80%;
	margin: 0 10%;
}

.gold_record {
	width: 78px !important;
	height: 27px !important;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/home/vip.png) !important;
	background-size: 100% 100%;
	margin: 0 !important;
	position: absolute !important;
	left: 20px;
	top: 20px;
	/* z-index: 99; */
	font-size: 14px !important;
}

.ex_ce_list_top2 {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #CE6D39;
	box-shadow: 0px 1px 0px 0px #FFF9D6, 0px -3px 2px 0px #843421;
	border-radius: 5px;
	margin-top: 5px;
	padding: 2px 0;
}

.ex_ce_list_top2 img {
	width: 16px;
	margin-right: 5px;
}

.ex_ce_list_top2 span {
	font-size: 14px;
	color: #FFFFFF;
}

.ex_btn {
	margin: 4px 0 0 !important;
}

.ex_price {
	/* 	background: #B5DBFF;
	border: 1px solid;
	border-image: linear-gradient(0deg, #2C5888, #588CD0) 1 1;
	border-radius: 3px;
	padding: 9px 0; */
	margin-bottom: 15px;
}

.ex_price_in {
	position: relative;
	border: 1px solid #C9D8FB;
	width: 80%;
	margin: 0 10%;
}

.ex_price_in p {
	position: absolute;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/exchange/bg.png);
	background-size: 100% 100%;
	width: 100%;
	bottom: 5%;
	text-align: center;
	font-size: 15px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #A30B44, 1px -1px 1px #A30B44, -1px 1px 1px #A30B44, -1px -1px 1px #A30B44;
	padding: 6px 0;
}

.ex_price_in2 {
	display: flex;
	align-items: center;
	width: 70%;
	position: absolute;
	left: 15%;
	bottom: 28%;
	height: 26px;
	background: linear-gradient(0deg, #043B70 0%, #012A53 49%, #004783 56.00000000000001%, #0564B3 100%);
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3), 0px 1px 0px 0px #0C123A;
	border-radius: 8px;
	justify-content: center;
}

.ex_price_in2 img {
	width: 16px;
	margin-right: 15px;
}

.ex_price_in2 span {
	font-size: 15px;
	color: #87EAFF;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
}

.ex_btn2 {
	margin: 5px auto 0 !important;
}

.ex_btm {
	padding: 10px 0;
	margin: 10px;
	background: #F7E7CE;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow: 0px 1px 1px 0px #FFFFFF, 0px -1px 1px 0px #BB8D67;
	border-radius: 3px;
}

.ex_btm1 {
	width: 80%;
	margin: 0 auto;
	background: #F7E7CE;
	/* border: 1px solid; */
	/* border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1; */
	/* box-shadow: 0px 1px 1px 0px #FFFFFF, 0px -1px 1px 0px #BB8D67; */
	border-radius: 3px;
	padding: 9px 0;
	display: flex;
	align-items: center;
}

.ex_btm2 {
	/* background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/thing.png); */
	/* background-size: 100% 100%; */
	position: relative;
	margin: 0 auto;
	position: relative;
}

.ex_btm2 .ex_btm2img1 {
	/* width: 100%;
	margin: 0 10%; */
}

.ex_btm2img2 {
	position: absolute;
	width: 45px;
	top: 40%;
	left: 55%;
}

.ex_btm2 p {
	position: absolute;
	top: 5px;
	left: 0;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/exchange/red.png);
	background-size: 100% 100%;
	width: 75px;
	height: 21px;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 20px;
	text-shadow: 1px 1px 1px #A00D09, 1px -1px 1px #A00D09, -1px 1px 1px #A00D09, -1px -1px 1px #A00D09;
	text-align: center;
}

.ex_help {
	/* text-align: center;
	margin: 10px 0 0;
	font-size: 15px;
	color: #896541;
	line-height: 20px; */
}

/* 兑换 内容 1 */
.modal-transfer {
	/* display: block; */
}

.modal-transfer .modal-contentIn {
	width: 90%;
	margin: 10px auto -5px;
}

.cuihui {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}

.cuihui span {
	font-size: 13px;
	color: #296994;
	line-height: 20px;
}

.cuihui p {
	font-size: 13px;
	color: #87EAFF;
	text-shadow: 1px 1px 1px #0C2462, 1px -1px 1px #0C2462, -1px 1px 1px #0C2462, -1px -1px 1px #0C2462;
}

.cuihui img {
	width: 16px;
	margin: 0 6px;
}

.cuihui2 {
	display: flex;
	align-items: center;
}

.cuihui2 span {
	font-size: 13px;
	color: #896541;
	line-height: 20px;
}

.cuihui2 p {
	font-size: 13px;
	color: #87EAFF;
	text-shadow: 1px 1px 1px #0C2462, 1px -1px 1px #0C2462, -1px 1px 1px #0C2462, -1px -1px 1px #0C2462;
}

.cuihui3 {
	font-size: 14px;
	color: #896541;
	line-height: 16px;
	background-color: #EDCEAE;
	padding: 3px 6px;
	margin-top: 10px;
}

/* 兑换 内容 2 */
.modal-transfer2 {
	/* display: block; */
}

.ex_dami {
	width: 30%;
	display: block;
	margin: 0 auto;
	padding: 5px 0;
	position: relative;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/thing.png);
	background-size: 100% 100%;
}

.ex_dami img {
	width: 90%;
	margin: 0 5%;
}

.ex_dami span {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	text-align: center;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 20px;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
}

.ex_need {
	display: flex;
	align-items: center;
	flex-direction: column;
	background: #F7E7CE;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow: 0px 1px 1px 0px #FFFFFF, 0px -1px 1px 0px #BB8D67;
	border-radius: 3px;
	width: 85%;
	margin: 10px auto 0;
	padding: 4% 0;
}

.ex_need div {
	display: flex;
	align-items: center;
	margin: 10px 0;
}

.ex_need div img {
	width: 16px;
	margin: 0 4px;
}

.ex_need div p {
	font-size: 18px;
	color: #87EAFF;
	text-shadow: 1px 1px 1px #0C2462, 1px -1px 1px #0C2462, -1px 1px 1px #0C2462, -1px -1px 1px #0C2462;
}

.ex_need div span {
	font-size: 18px;
	color: #896541;
	line-height: 20px;
}

/* 金币记录 */
.modal-gold {
	/* display: block; */
}

.team .tab-option {
	display: flex;
	align-items: center;
	justify-content: center;
}

.team li {
	position: relative;
	padding: 11px 0;
	width: 35%;
	font-size: 14px;
	color: #8CE3FF;
	line-height: 15px;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
	text-align: center;
	background: linear-gradient(0deg, #39597B 0%, #4A6D94 100%);
	box-shadow: 0px 1px 0px 0px #08325D, 0px -2px 1px 0px #6382AD, 0px 3px 1px 0px rgba(49, 81, 123, 0.66), 2px 0px 1px 0px rgba(44, 68, 111, 0.66), -1px 0px 1px 0px rgba(44, 68, 111, 0.66);
	border-radius: 3px;
}

.team .option-active {
	background: linear-gradient(0deg, #5080BF 0%, #6DA6EE 100%);
	box-shadow: 0px 1px 0px 0px #08325D, 0px -2px 1px 0px #A9DCFF, 0px 3px 1px 0px rgba(74, 133, 227, 0.66), -1px 0px 1px 0px rgba(63, 109, 183, 0.85), 2px 0px 1px 0px rgba(63, 109, 183, 0.85);
	border-radius: 3px;
	color: #FFE258;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
}

.tab-content {
	background: #F7EFDE;
	box-shadow: 0px 1px 0px 0px #082842;
	padding: 10px 9px;
	margin-top: 2px;
	min-height: 240px;
}

.team .content {
	display: none;
}

.team .content-show {
	display: block;
}

.team .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 8px;
	padding: 5px 15px;
	background: #F7E7CE;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow: 0px 1px 1px 0px #FFFFFF, 0px -1px 1px 0px #BB8D67;
	border-radius: 3px;
}

.team .left {
	display: flex;
	align-items: center;
	position: relative;
	border-radius: 8px;
}

.team img {
	width: 38px;
	height: 38px;
	margin-right: 10px;
}

.item .jinbiimg {
	width: 16px;
	height: 16px;
	margin: 0;
}

.team .active {
	width: 82px;
	height: 29px;
	lighting-color: 29px;
	color: #B192F8;
	text-align: center;
	filter: none;
}

.real {
	/* color: #F0F0F0;
	font-size: 14px;
	line-height: 20px;
	display: flex;
	align-items: center; */
	font-size: 18px;
	color: #896541;
	line-height: 20px;
}

/* .real p {
	width: 62px;
	height: 32px;
	text-align: center;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn1.png);
	background-size: 100% 100%;
	font-size: 14px;
	line-height: 30px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
}

.real .alrecieved {
	background: #CE6D39;
	box-shadow: 0px 1px 0px 0px #FFF9D6, 0px -2px 2px 0px #843421;
	border-radius: 5px;
	text-shadow: none;
} */

/* .real img {
	width: 18px;
	height: 18px;
	margin-left: 5px;
} */

.team .right {
	text-align: left;
}

.team .mobile {
	font-size: 14px;
	color: #5A4531;
	line-height: 20px;
}

.team .time {
	font-size: 13px;
	color: #BD5D21;
	line-height: 20px;
}

.team .money {
	font-size: 15px;
	color: #F00303;
	line-height: 48px;
	text-align: center;
}

.team .money2 {
	width: 40%;
	height: 48px;
	/* background-color: #EDCEAE; */
	font-size: 15px;
	color: #F00303;
	line-height: 48px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.team .money2 img {
	width: 16px;
	height: 16px;
}

.team .money2 span {}

.team .more {
	padding: 10px 0 0;
}

.team .content-empty {
	margin-top: 32px;
	padding-bottom: 16px;
	text-align: center;
}

.team .content-empty img {
	width: 141px;
}

.team .content-empty p {
	color: #F0F0F0;
	font-size: 14px;
}

/* 盲盒 */
.modal-blind {
	/* display: block; */
}

.bigimg {
	width: 80%;
	margin: 0 10%;
}


.bg {
	width: 340px;
	width: 340px;
	height: auto;
	margin: 0 auto;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/turntable/red.png') no-repeat;
	background-size: 100% 100%;
	position: relative;
	box-sizing: border-box;
	padding: 43px;
}

.img1 {
	width: 40%;
	position: absolute;
	z-index: 10;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.img2 {
	width: 100%;
	position: relative;
	z-index: 5;
	top: 0;
	left: 0%;
	transition: all 4s;
}

.img3 {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

#result_img {
	display: none;
	width: 50%;
	position: absolute;
	top: 25%;
	left: 25%;
	z-index: 99;

}

#prizeresult {
	display: none;
	position: absolute;
	/* width: 100%; */
	max-width: 480px;
	top: -16%;
	left: 2%;
	z-index: 999;
}

.prizeres {
	margin-top: 20px;
	width: 100px;
	height: 100px;

}

.modal-blind .modal-body {
	line-height: 0;
}

.restore {
	margin-top: -2%;
}

.restore1 {
	width: 30%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 99;
}

.restore1 img {
	width: 5px;
}

.restore2 {
	width: 45%;
	margin: 0 auto;
	background: #77C1F2;
	box-shadow: 0px 0px 1px 0px rgba(232, 246, 255, 0.68), 0px 6px 30px 0px rgba(46, 141, 207, 0.68), 0px 0px 1px 0px rgba(232, 246, 255, 0.68);
	border-radius: 4px;
	padding: 4px;
}

.restore_in {
	background: #FFF4C0;
	border: 1px solid #E7D581;
	box-shadow: 0px 0px 2px 0px #6F7DD1;
	border-radius: 4px;
	padding: 14px 10px 10px;
}

.restore_in1 .restore_in12 {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #B7A17A;
	box-shadow: 0px 0px 1px 0px #FFFFFF, 0px 0px 1px 0px rgba(121, 91, 40, 0.68);
	border-radius: 7px;
	text-shadow: 0px 0px 1px #6A4A24;
	font-size: 12px;
	zoom: 0.8;
	line-height: 14px;
	width: 102px;
	height: 15px;
	padding: 4px;
}

.restore_in1 {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.restore_in1 div span {
	color: #ff0000;
}

.restore_in1 div p {
	color: #fff;
}

.restore_in1 img {
	width: 16px;
}

.restore_in2 {
	font-size: 15px;
	color: #874211;
	line-height: 16px;
	text-align: center;
	margin-top: 5px;
}

/* 盲盒 提示 */
.modal-tips {
	/* display: block; */
}

.tishi {
	background: #2EA3D3;
	border-radius: 7px;
	padding: 4px;
}

.tishi_in {
	background: #F7E7CE;
	border: 3px solid #EBD0A5;
	border-radius: 6px 6px 3px 6px;
	padding: 10px;
}

.tishi_tit {
	width: 109px;
	margin: -25px auto 0;
	height: 33px;
	text-align: center;
	background: linear-gradient(0deg, #2AB9F2, #89E9FF);
	box-shadow: 0px 1px 0px 0px #1C569B, 0px 2px 1px 0px #073367, 0px 1px 0px 0px #FFFFFF;
	border-radius: 3px 3px 15px 15px;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 30px;
	text-shadow: 1px 1px 1px #005F84, 1px -1px 1px #005F84, -1px 1px 1px #005F84, -1px -1px 1px #005F84;
}

.tips1 {
	width: 60%;
	margin: 10px 20%;
}

.tips2 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 135px;
	margin: 0 auto;
	height: 45px;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn14.png);
	background-size: 100% 100%;
}

.tips2 span {
	font-size: 15px;
	color: #FEFEFE;
	line-height: 39px;
	text-shadow: 1px 1px 1px #168300, 1px -1px 1px #168300, -1px 1px 1px #168300, -1px -1px 1px #168300;
}

.tips2 img {
	width: 26px;
	margin-right: 4px;
}

.jihui {
	line-height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
}

.jihui p {
	color: #896541;
}

.jihui span {
	color: #ff0000;
}

/* 盲盒 恭喜获得 */
.modal-tips2 {
	/* display: block; */
}

.modal-tips2 .tips2_recieve {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn3.png);
	width: 85px;
	height: 47px;
	font-size: 20px;
	line-height: 22px;
	text-shadow: 1px 1px 1px #672E00, 1px -1px 1px #672E00, -1px 1px 1px #672E00, -1px -1px 1px #672E00 !important;
}

.tips3_recieve {
	/* background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn3.png); */
	width: 135px !important;
	height: 47px !important;
	/* font-size: 20px !important; */
	/* text-shadow: 1px 1px 1px #672E00, 1px -1px 1px #672E00, -1px 1px 1px #672E00, -1px -1px 1px #672E00 !important; */
}

.zwyHover1 {
	width: 80%;
	margin: 0 auto;
	display: block;
	position: relative;
	z-index: 9;
	/* animation:zwyHover1 1s linear; */
}

.flexcolomin span,
.kongbai {
	font-size: 13px;
	color: #FFFFFF;
	margin-top: 10%;
}

.kongbai {
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translateX(-50%);
}

.modal-tips2 .modal-body {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/turntable/hdjl3.png);
	background-size: 100% 100%;
}

.flexcolom,
.flexcolomin2 {
	position: relative;
	display: flex;
	flex-direction: column;
	color: #fff;
	font-size: 18px;
	align-items: center;
	justify-content: center;
}

.flexcolomin,
.flexcolomin2 {
	position: absolute;
	top: 25%;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.flexcolomin p {
	width: 100%;
	text-align: center;
	margin: 10% 0;
	padding: 15px 0;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/turntable/hf.png) !important;
	background-size: 100% 100%;
}

.flexcolomin p span {
	font-size: 27px;
	line-height: 27px;
	font-weight: 700;
	color: #FFFFFF;
	/* -webkit-text-stroke: 1px #0A2E45;
	text-stroke: 1px #0A2E45;
	background: linear-gradient(0deg, #FEFF9F 0%, #FFBB47 51.46484375%, #FAFF97 53.4912109375%, #FDFFF1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; */
}

.flexcolomimg0 {
	margin-top: -30%;
}

.flexcolomimg1 {
	width: 100px;
	height: 100px;
}

.flexcolomimg2 {
	width: 120px;
}

/* 砸金蛋 */
.modal-egg {
	/* display: block; */
}

.modal-egg .modal-body {
	line-height: 0;
}

.egg1 {
	position: relative;
	z-index: 9;
}

.eggBox {
	width: 77.5%;
	margin: -5% auto 0;
	transform: translateX(0.5%);
	background: #D84C2B;
	box-shadow: inset 0px 3px 5px 0px rgba(236, 134, 120, 1), inset 0px -3px 5px 0px rgba(236, 134, 120, 1), inset 3px 0px 5px 0px rgba(236, 134, 120, 1), inset -3px 0px 5px 0px rgba(236, 134, 120, 1);
	border-radius: 0px 0px 13px 13px;
	padding: 8% 10px 26px;
}

.wenxi {
	font-size: 14px;
	font-weight: 800;
	text-align: center;
	color: #FFFFFF;
	line-height: 19px;
	margin-bottom: 6px;
}

.eggIn1 {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/jindan/4.png);
	background-size: 100% 100%;
	padding: 10px 10px 10px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	position: relative;
}

.eggIn2 {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/jindan/5.png);
	background-size: 100% 100%;
	padding: 10px 10px 5px;
	margin-top: -5px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	position: relative;
}

.eggList {
	width: 40%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.eggList1 {
	width: 90%;
	margin-bottom: -10px;
	position: relative;
	z-index: 9;
}

.eggList2 {
	width: 80%;
}

.egg_name {
	font-size: 14px;
	font-weight: 800;
	color: #662F0C;
	line-height: 20px;
	padding-top: 5px;
}

.modal-egg .eggList button {
	width: 100%;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/jindan/11.png);
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0 13px !important;
	margin: 5px 0 0 !important;
	font-size: 16px;
	height: auto;
	font-weight: 800;
	color: #FFFFF9;
	line-height: 16px;
	text-shadow: none;
}

.eggList button img {
	width: 16px;
	margin-right: 5px;
}

.egg2 {
	position: absolute;
	width: 32px;
	top: 23%;
	left: 9%;
	z-index: 99;
}

.egg3 {
	position: absolute;
	width: 32px;
	top: 23%;
	right: 9%;
	z-index: 99;
}

/* 砸金蛋 说明 */
.modal-tips3 {
	display: block;
}

.shuoming {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #F8E8D0;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8E68, #CEA46C) 1 1;
	box-shadow: 0px 2px 0px 0px #BB8E68;
	border-radius: 5px;
	margin-top: 10px;
}

.shuoming p {
	width: 100%;
	text-align: center;
	background: #D6B68C;
	box-shadow: 0px 1px 1px 0px #FFF1DE;
	border-radius: 6px 6px 0px 0px;
	font-size: 12px;
	color: #934410;
	line-height: 30px;
	text-shadow: 0px 1px 0px rgba(255, 249, 240, 0.6);
}

.shuoming span {
	padding: 10px;
	font-size: 12px;
	color: #896541;
	line-height: 18px;
}

/* 扩建成功 */
.modal-extend {
	/* display: block; */
}

.flexcolom2 {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/home/kuang.png);
	background-size: 100% 100%;
	padding: 20px 10px;
	margin-top: -8%;
}

.updata {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

.updata img {
	width: 24px;
	margin: 0 5%;
}

.updateBox {
	display: flex;
	align-items: center;
	flex-direction: column;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	justify-content: center;
	width: fit-content;
}

.updata span {
	font-size: 20px;
	font-weight: normal;
	color: #FFD200;
}

.update2,
.update3 {
	/* margin-left: 5%; */
	display: flex;
	width: 100%;
	align-items: flex-start !important;
	justify-content: flex-start;
}

.update2 {
	margin-bottom: 20px;
}

.update2 span {
	font-size: 15px;
	color: #FFFFFF;
}

.update2 img {
	width: 16px;
	margin: 0 5px;
}

.update2 p {
	font-size: 15px;
	color: #0ED909;
}

.update3 {
	margin-top: 20px;
}

.update3 span {
	font-size: 13px;
	color: #84F7FF;
	margin-right: 5px;
}

.update3 img {
	width: 25%;
}

.detail111 span {
	zoom: 1 !important;
}

.detail111 {
	margin-top: 0 !important;
}

/* 许可证 获取途径 */
.modal-road {
	/* display: block; */
}

.detailimg3 {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/thing.png);
	background-size: 100% 100%;
	width: 47%;
	height: 144px;
}

.detailimg3 img {
	width: 70px;
	display: block;
	margin: 36px auto 0;
}

.zadan {
	background: #F7E7CE;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow: 0px 1px 1px 0px #FFFFFF, 0px -1px 1px 0px #BB8D67;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 4px;
	margin-top: 7px;
}

.zadan_left {
	display: flex;
	align-items: center;
}

.zadan_left img {
	width: 40px;
	margin-right: 10px;
}

.zadan_left span {
	font-size: 17px;
	color: #5A4531;
	line-height: 20px;
}

.zadan button {
	margin: 0 !important;
}

/* 图腾 获取途径 */
.modal-totem {
	/* display: block; */
}

/* 饰品升级 */
.modal-jewelry {
	/* display: block; */
}

.shipinname {
	width: calc(100% + 18px);
	margin-left: -9px;
	margin-top: -8px;
	background: #D6B68C;
	text-align: center;
	border-radius: 3px;
	font-size: 15px;
	color: #5A4531;
	line-height: 20px;
	margin-bottom: 15px;
	padding: 6px 0;
}

.shipin {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.shipin1 {
	width: 38%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.shipintop {
	position: relative;
}

.shipintop span {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 23px;
	font-weight: 700;
	color: #FFFFFF;
	/* -webkit-text-stroke: 1px #0A2E45;
	text-stroke: 1px #0A2E45;
	background: linear-gradient(0deg, #FEFF9F 0%, #FFBB47 51.46484375%, #FAFF97 53.4912109375%, #FDFFF1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; */
}

.shipin1 p {
	font-size: 14px;
	color: #0ED909;
	background: #4A6D9C;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4), 0px 1px 1px 0px #2C446F, 0px 0px 1px 0px rgba(44, 68, 111, 0.66);
	border-radius: 5px;
	padding: 5px;
	margin-top: 20px;
}

.shipinjiantou {
	width: 10%;
	margin-top: -40px;
}

/* 交易规则 */
.modal-tips4 {
	/* display: block; */
}

.shuoming div {
	/* display: flex; */
	/* align-items: csenter; */
	font-size: 13px;
	color: #896541;
	line-height: 16px;
	margin: 5px 0;
}

.shuoming div .red {
	font-size: 15px;
	color: #F00303;
	line-height: 16px;
}

.tishi_red {
	font-size: 12px;
	color: #F00303;
	line-height: 16px;
	padding: 10px 0 0;
}

.shuoming2 {
	margin: 0 0 10px 0 !important;
}

.shuoming2 p {
	font-size: 15px !important;
	color: #5A4531 !important;
}

/* 转赠 */
.modal-give {
	/* display: block; */
}

.give1 {
	position: relative;
}

.give1 button {
	position: absolute;
	right: 9.5%;
	top: -1px;
	margin: 0 !important;
}

.give2 {
	background: #F7E7CE;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow: 0px 1px 1px 0px #FFFFFF, 0px -1px 1px 0px #BB8D67;
	border-radius: 3px;
	margin-top: 15px;
	padding: 8px 6px 6px;
}

.give3 {
	display: flex;
	align-items: center;
	justify-content: center;
}

.give3 span {
	font-size: 13px;
	color: #296994;
	line-height: 20px;
}

.give3 p,
.give4 p {
	font-size: 13px;
	color: #87EAFF;
	text-shadow: 1px 1px 1px #0C2462, 1px -1px 1px #0C2462, -1px 1px 1px #0C2462, -1px -1px 1px #0C2462;
}

.give3 img {
	width: 16px;
	margin-right: 5px;
}

.give4 {
	display: flex;
	align-items: center;
	margin: 10px 0;
}

.give4 span {
	font-size: 13px;
	color: #896541;
	line-height: 20px;
}

.give5 {
	background: #EDCEAE;
	padding: 5px 5px 20px;
}

.give5 span {
	font-size: 13px;
	color: #896541;
	line-height: 15px;
}

.give5 p {
	margin: 14px 0;
	font-size: 15px;
	color: #5A4531;
	line-height: 20px;
	text-align: center;
}

.give5 a {
	float: right;
	font-size: 13px;
	font-family: FZY4JW;
	font-weight: normal;
	color: #0ED909;
	border-bottom: 1px solid #0ED909;
}

/* 爷爷的馈赠 */
.modal-present {
	/* display: block; */
}

.zwyHover3 {
	position: relative;
	z-index: 9;
	width: 70%;
	margin: 0 auto -25%;
	display: block;
}

.flexcolomimg3 {
	/* margin-top: -120px; */
}

.flexcolomimg4 {
	width: 150px;
	margin-top: -10%;
}

.yeye {
	width: 80%;
	background: #2EA3D3;
	border-radius: 7px;
	padding: 5px;
}

.yeyein {
	background: #F7E7CE;
	border: 3px solid #EBD0A5;
	border-radius: 6px 6px 3px 6px;
	padding: 5px 5px 15px;
}

.yeye1 {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin: 30px 0 25px;
	text-shadow: 1px 1px 1px #5B3B0D, 1px -1px 1px #5B3B0D, -1px 1px 1px #5B3B0D, -1px -1px 1px #5B3B0D;
}

.yeye2 {
	/* width: 60%; */
	display: block;
	margin: 10px auto;
	display: flex;
	align-items: center;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn14.png);
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
}

.yeye2 img {
	width: 27px;
	/* margin-right: 5px; */
}

.yeye2 span {
	color: #fff;
	margin: 0;
	text-shadow: 1px 1px 1px #5B3B0D, 1px -1px 1px #5B3B0D, -1px 1px 1px #5B3B0D, -1px -1px 1px #5B3B0D;
}

.modal-present .modal-body {
	top: 40%;
}

.giveup {
	font-size: 14px;
	line-height: 14px;
	margin-top: 15px !important;
}

/* 音乐喷泉 */
.modal-fountain {
	/* display: block; */
}

.modal-body2 {
	background: linear-gradient(0deg, #2996CE 0%, #185184 100%);
	border: 1px solid #185184;
	box-shadow: 0px -2px 0px 0px #69D4F7, 0px 0px 0px 0px rgba(105, 212, 247, 0.71);
	border-radius: 3px;
	padding: 17px 0 15px !important;
}

.fountain1 {
	font-size: 20px;
	color: #FFFBCE;
	margin-bottom: 12px;
	line-height: 19px;
	text-align: center;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
}

.founimg {
	width: 145px;
	display: block;
	margin: 0 auto 8px;
}

.fountain2 {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	background: #18598C;
	box-shadow: 0px 1px 0px 0px #74BEF6, 0px -2px 2px 0px rgba(0, 0, 0, 0.6);
	border-radius: 5px;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 19px;
	padding: 17px 0 18px;
}

.kaiqi {
	width: 120px !important;
	height: 43px !important;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn8.png) !important;
	text-shadow: 1px 1px 1px #5B3B0D, 1px -1px 1px #5B3B0D, -1px 1px 1px #5B3B0D, -1px -1px 1px #5B3B0D !important;
}

/* 玩家信息 */
.modal-info {
	/* display: block; */
}

.infoBox {
	background: #B5DBFF;
	border: 1px solid;
	border-image: linear-gradient(0deg, #2C5888, #588CD0) 1 1;
	border-radius: 3px;
	padding: 3px 0;
}

.infoTop {
	display: flex;
	align-items: center;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/home/info.png);
	background-size: 100% 100%;
	padding: 6px;
}

.infoTop img {
	width: 60px;
	margin-right: 8px;
}

.infoTop div {
	display: flex;
	flex-direction: column;
}

.infoTop div p {
	font-size: 15px;
	color: #FFFFFF;
	line-height: 20px;
	text-shadow: 1px 1px 1px #0C2462, 1px -1px 1px #0C2462, -1px 1px 1px #0C2462, -1px -1px 1px #0C2462;
}

.infoList {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #F7E7CE;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow: 0px 1px 1px 0px #FFFFFF, 0px -1px 1px 0px #BB8D67;
	border-radius: 3px;
	margin: 8px 3px 0;
	padding: 3px;
}

.infoLeft {
	display: flex;
	align-items: center;
}

.infoLeft img {
	width: 50px;
	margin-right: 8px;
}

.infoLeft p {
	font-size: 17px;
	color: #5A4531;
	line-height: 20px;
}

.infoList button {
	margin: 0 !important;
}

.greenbtn {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn9.png) !important;
}

.infoList2 {
	height: 58px;
	padding: 0 5px !important;
}

.infoList2 img {
	width: auto;
	height: 50px;
	line-height: 50px;
}

.infoList3 {
	padding: 0 !important;
	display: block !important;
}

.infoList3 span {
	background: #D6B68C;
	border-radius: 3px;
	font-size: 15px;
	color: #5A4531;
	line-height: 20px;
	display: block;
	width: calc(100% - 8px);
	padding: 7px 0 5px 8px;
}

.infoList3 p {
	min-height: 30px;
	padding: 10px;
}

.infoBtm {
	overflow: hidden;
	overflow-x: auto;
	display: flex;
	align-items: center;
	margin-top: 8px;
	width: 100%;
}

.infoCard {
	background: #F7E7CE;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow: 0px 1px 1px 0px #FFFFFF, 0px -1px 1px 0px #BB8D67;
	border-radius: 3px;
	padding: 4px 10px 7px;
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 30% !important;
	/* width: calc(28% - 20px); */
	margin: 0 5px;
}

.card1 {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/thing.png);
	background-size: 100% 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 6px 0 3px;
}

.card1 img {
	width: 57px;
}

.card1 span {
	margin-top: -5px;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 20px;
	text-shadow: 1px 1px 1px #0C2462, 1px -1px 1px #0C2462, -1px 1px 1px #0C2462, -1px -1px 1px #0C2462;
}

.card2 {
	text-align: center;
	font-size: 13px;
	color: #183C63;
	line-height: 15px;
}

/* 任命 */
.modal-commission {
	/* display: block; */
}

.optionBox {
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
	flex-wrap: wrap;
}

.option {
	width: calc(24% - 16px);
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/rencai/b1.png);
	background-size: 100% 100%;
	padding: 6px 6px 5px;
	/* margin-bottom: 8px; */
	margin: 0 1% 8px;
}

.optionin {
	background: linear-gradient(0deg, #1079F7 0%, #0C3F75 100%);
	box-shadow: 0px 1px 1px 0px #55E9FF, 0px 1px 1px 0px #0D275C, -1px 0px 2px 0px rgba(12, 63, 117, 0.3), 1px 0px 2px 0px rgba(12, 63, 117, 0.3);
	border-radius: 3px;
	padding: 2px 7px 0;
	position: relative;
}

.suipian2 {
	position: absolute;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	bottom: 2px;
	zoom: 0.8;
}

.suipian2 img {
	width: 16px;
}

.suipian2 p {
	font-size: 12px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
}

.gongyu {
	position: absolute;
	left: 20%;
	width: 60%;
	bottom: 25px;
	border-radius: 3px;
	font-size: 10px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
}

.option .name {
	font-size: 13px;
	text-align: center;
	display: block;
	margin-top: 5px;
	color: #fff;
	text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
}

.optiongreen {
	background: #39CB31;
	box-shadow: 0px 1px 1px 0px rgba(200, 253, 161, 0.63), 0px 0px 1px 0px #AAFF88;
}

.optionorange {
	background: linear-gradient(0deg, #FFBA00 0%, #F17A1A 100%);
	box-shadow: 0px 1px 1px 0px #FFF119, 0px 0px 1px 0px #FFF83F;
}

.optionzise {
	background: #913CD9;
	box-shadow: 0px 1px 1px 0px rgba(242, 102, 255, 0.63), 0px 0px 1px 0px #F15AFF;
}

.zhaomu {
	position: absolute;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/rencai/aniu.png);
	background-size: 100% 100%;
	width: calc(100% - 6px);
	left: 3px;
	display: block;
	top: 34%;
	font-size: 18px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #672E00, 1px -1px 1px #672E00, -1px 1px 1px #672E00, -1px -1px 1px #672E00;
	padding: 8px 0;
}


/* 转盘 */
.turntable {
	width: 254px;
	height: 255px;
	position: relative;
	z-index: 5;
	transition: all 2.5s;
}

.turntable2 {
	position: relative;
	transform: rotate(-20deg);
}


.nape {
	width: 74px;
	height: 42px;
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 999;
}

.nape span {
	font-size: 12px;
	zoom: 0.9;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 15px;
	margin: 5px 0;
}

.jaib {
	width: 26px;
}

#kj_ishow {
	display: none;
}

.more {
	padding: 12px 0 20px;
}


.empty {
	display: none;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.empty img {
	width: 60%;
	height: auto;
}

.empty span {
	color: #ADA8A0;
	margin-top: 10px !important;
}

.pq_gary {
	filter: grayscale(100%);
}



/* 杨阳 邮件 */
.modal-bodyemail {
	position: absolute;
	box-sizing: border-box;
	width: calc(100% - 18px);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: transparent;
	border-radius: 5px;
	line-height: 0;
}

.mask-titemail {
	position: relative;
}

.modal-close-email {
	position: absolute;
	top: 3px;
	right: 12px;
	width: 19px;
	height: auto;
}

.modal-contentemail {
	padding: 0 6px;
}

.modal-contentemail2 {
	position: relative;
	line-height: 16px;
	padding: 7px;
	background: #103C63;
	border: 1px solid #18305A;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5), 0px -1px 0px 0px #649CCF;
}

.bodybg {
	position: absolute;
	bottom: 7px;
	left: 0;
}

.modal-contentInemail {
	padding: 7px 9px 12px;
	background: #E5E5E5;
	box-shadow: 0px 1px 0px 0px #082842;
	min-height: 100px;
	max-height: 40vh;
	border-radius: 0 0 12px 12px;
	padding-bottom: 8vh;
	overflow: auto;
}

.emailList {
	margin-bottom: 10px;
	max-height: 80vh;
	overflow-y: scroll;
}

.btns {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.btns img {
	width: 37%;
}

.szms {
	font-size: 14px;
	font-weight: 400;
	color: #6699CC;
	margin-bottom: 8px;
}

.emailtime {
	font-size: 12px;
	font-weight: 400;
	color: #6699CC;
	zoom: 0.92;
}

.guoqitime {
	font-size: 12px;
	font-weight: 400;
	color: #FF0000;
	zoom: 0.92;
}

.linkemail .weidu {
	width: 22%;
	margin-right: 5px;
}

.linkemail .yidu {
	width: 19%;
	margin-right: 10px;
}

.linkemail {
	display: flex;
	align-items: center;
	background: #FFFFFF;
	border: 1px solid rgba(153, 255, 255, 0.42);
	box-shadow: 0px 0px 2px 0px rgba(51, 153, 255, 0.6);
	border-radius: 5px;
	padding: 13px 9px 13px 13px;
	margin-bottom: 6px;
}

/* 杨阳 邮件详情 */
.modal-emaildetail {
	/* display: block; */
}

.detailbx {
	font-size: 18px;
	font-weight: 400;
	color: #4A83BC;
	padding-left: 7px;
}

.line {
	width: 100%;
	height: 2px;
	background: url(http://img.qxgs.cc/tiantianlaishouzu/img/youjian/hengxu.png);
	background-size: auto 100%;
	margin-top: 6px;
}

.modal-contentInemail2 {
	padding: 20px 12px 12px;
	background: #E5E5E5;
	box-shadow: 0px 1px 0px 0px #082842;
	min-height: 100px;
	max-height: 40vh;
	border-radius: 0 0 12px 12px;
	padding-bottom: 8vh;
	overflow: hidden;
	overflow-y: auto;
}

.eamilif {
	width: 100%;
	margin-top: 14px;
	margin-bottom: 11px;
}

.ep {
	font-size: 15px;
	font-weight: 400;
	color: #6699CC;
	line-height: 18px;
}

.etime {
	text-align: right;
	font-size: 15px;
	font-weight: 400;
	color: #6699CC;
	margin-top: 4vh;
}

.erecieve {
	display: block;
	width: 38%;
	margin: 0 auto;
}

.erecieved {
	display: block;
	width: 38%;
	margin: 0 auto;
}

.emailList2 {
	margin-bottom: 26px;
}

.edetailsList {
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 9px 7.9%;
	background: url(http://img.qxgs.cc/tiantianlaishouzu/img/youjian/zongxu.png);
	background-size: 100% auto;
}

.debox {
	width: 30%;
	margin-right: 4%;
}

.debox:nth-child(3n) {
	margin-right: 0%;
}

.wups {
	background: url(http://img.qxgs.cc/tiantianlaishouzu/img/youjian/kuang.png) no-repeat;
	background-size: 100% 100%;
	padding: 6px;
}

.enums {
	font-size: 17px;
	font-weight: 400;
	text-align: center;
	color: #6699CC;
	line-height: 17px;
	padding: 4px 0;
	background: url(http://img.qxgs.cc/tiantianlaishouzu/img/youjian/zi.png) no-repeat;
	background-size: 100% 100%;
	margin-top: 4px;
}

.line2 {
	width: 100%;
	height: 2px;
	background: url(http://img.qxgs.cc/tiantianlaishouzu/img/youjian/hengxu.png);
	background-size: auto 100%;
}

/* 杨阳 感叹号 */
.gantan {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 30px;
	z-index: 99;
}

/* 杨阳  租户烦恼弹框 */
.modal-worried {
	/* display: block; */
}

.modal-worriedbody {
	position: absolute;
	box-sizing: border-box;
	width: calc(100% - 18px);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url(http://img.qxgs.cc/tiantianlaishouzu/img/fannao/bbg.png) no-repeat;
	background-size: 100% 100%;
	padding-left: 32%;
	line-height: 0;
	min-height: 220px;
}


.modal-getsuccess {
	/* display: block; */
}


.edetailsList2 {
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 9px 7.9%;
}

.modal-contentInemail3 {
	padding: 20px 12px 12px;
	background: #E5E5E5;
	box-shadow: 0px 1px 0px 0px #082842;
	min-height: 100px;
	max-height: 80vh;
	border-radius: 0 0 12px 12px;
	padding-bottom: 8vh;
	overflow-y: scroll;
}

.ren {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 32%;
	z-index: 99;
}

.fanbox {
	position: absolute;
	right: 0;
	top: 20px;
	background: #0c3874;
	border-radius: 11px;
	width: 63%;
	padding: 14px 14px 9px 35px;
}

.bixaoti {
	width: 94%;
	position: absolute;
	top: -31%;
	left: 63%;
	transform: translateX(-50%);
}

.biaoan {
	font-size: 13px;
	color: #FFFFFF;
	line-height: 16px;
}

.line4 {
	height: 0;
	border-bottom: 1px solid #315387;
	margin-top: 9px;
}

.afnsav {
	font-size: 13px;
	color: #aab7cc;
	line-height: 13px;
	margin-top: 12px;
	text-align: center;
	margin-bottom: 10px;
}

.worrp {
	position: relative;
	font-size: 13px;
	color: #5A4531;
	line-height: 13px;
	background: #FFD9B6;
	border-radius: 5px;
	padding: 13px 0 10px 22px;
	margin-bottom: 5px;
}

.fanrecimg {
	position: relative;
}

.fanrecimg::after {
	content: '';
	position: absolute;
	top: 15px;
	left: 5px;
	width: 10px;
	height: 10px;
	background: url(http://img.qxgs.cc/tiantianlaishouzu/img/youjian/gou.png) no-repeat;
	background-size: 100% 100%;
}

.modal-worrgets {
	/* display: block; */
}

.modal-worrgetbody {
	position: absolute;
	box-sizing: border-box;
	width: calc(100% - 18px);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	line-height: 0;
	min-height: 220px;
}

.worrgetren {
	position: absolute;
	top: -16%;
	left: 56%;
	transform: translateX(-50%);
	width: 44%;
	z-index: 99;
}

.cuan {
	position: absolute;
	top: -29%;
	left: 56%;
	transform: translateX(-50%);
	width: 64%;
}

.worrgetifno {
	position: absolute;
	text-align: center;
	top: 10%;
	left: 53%;
	transform: translateX(-50%);
	width: 79%;
	background: #fff;
	z-index: 100;
}

.pp1 {
	font-size: 20px;
	font-weight: normal;
	color: #FF6700;
	line-height: 23px;
}

.pp2 {
	font-size: 22px;
	font-weight: normal;
	color: #743735;
	line-height: 25px;
	margin-top: 20px;
}

.pp3 {
	font-size: 22px;
	font-weight: bold;
	color: #F02700;
	line-height: 25px;
}

.pp4 {
	font-size: 54px;
	font-weight: bold;
	color: #F02700;
	line-height: 63px;
	margin-top: 13px;
}

.pp5 {
	font-size: 16px;
	font-weight: normal;
	color: #682B27;
	line-height: 23px;
	text-align: center;
	margin-top: 13px;
}

/* 杨阳 离线奖励 */
.modal-offlineRewards {
	/* display: block; */
}

.dlyb {
	display: block;
	width: 64%;
	margin: 0 auto;
}

.dlybbox {
	background: #F7EFDE;
	box-shadow: 0px 1px 0px 0px #082842;
	padding: 30px 0 20px;
}

.dlybp {
	font-size: 20px;
	font-weight: 400;
	color: #533E23;
	text-align: center;
	line-height: 20px;
	margin-top: 18px;
}

.dlybp2 {
	font-size: 20px;
	font-weight: 400;
	color: #533E23;
	text-align: center;
	line-height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 7px;
}

.lyhby {
	width: 20px;
	margin-right: 5px;
}

.lv_action {
	width: 21px;
	margin-right: 2px;
}

.lixianBox {
	display: flex;
	align-items: center;
	justify-content: center !important;
	margin-top: 15px;
}

.lixianBox .btnkan,
.modal-fountain .lixianBox button,
.modal-present .lixianBox button {
	width: 135px;
	margin: 0 10px 0 !important;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn14.png);
	background-size: 100% 100%;
	font-size: 13px;
	line-height: 45px;
	color: #FFFFFF;
	padding: 0 !important;
}

.lixianBox .btnkan2 {
	background: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn13.png) no-repeat !important;
	background-size: 100% 100% !important;
	text-shadow: 1px 1px 1px #672E00, 1px -1px 1px #672E00, -1px 1px 1px #672E00, -1px -1px 1px #672E00;
}

.fontblue {
	color: #2f9f29 !important;
}

.fontred {
	color: #ff0000 !important;
}

.fontgreen {
	color: #2f9f29 !important;
}

.mar5 {
	margin-left: 5px;
	margin-top: 1px;
}


.close-p {
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
}

.btnbtn2 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
}













/* 幸运数字 */
.modal-number {
	display: none;
	display: flex;
	justify-content: center;
	align-items: center;
}



.number1 {
	height: 621px;
	position: relative;
	z-index: 999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* background-color: #fff; */
	box-sizing: border-box;
}


.number_img {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
}

.number_top {
	position: relative;
	height: 140px;
	width: 100%;
}

.number_top .number_back {
	position: absolute;
	width: 21px;
	height: 23px;
	right: 10px;
	top: 51px;
}

.number_cen {
	z-index: 100;
	box-sizing: border-box;
	padding: 0 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 10;
	width: 100%;
	height: 20px;
	color: #BA4E00;
	font-weight: Regular;
	font-size: 12px;
}

.number_cen .son_img {
	width: 20px;
	height: 20px;
}

.number_bottom {
	height: 452px;
	margin: 0 auto;
	margin-top: 10px;
	padding: 15px 7%;
	box-sizing: border-box;
}

.number_bottom .numbrt_top {
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
}

.number_bottom .numbrt_top .left {
	background-color: #f7e7ce;
	box-sizing: border-box;
	width: 58%;
	height: 157px;
}

.number_bottom .numbrt_top .left .son_bottom {
	width: 100%;
	height: 27px;
	display: flex;
	box-sizing: border-box;
	border-bottom: 0.5px solid #CEBA9C;

}

.number_bottom .numbrt_top .left .border {
	border: 2px solid #FFC64C;
	box-shadow: 0px 0px 1px 0px #FF8A00;
}

.number_bottom .numbrt_top .left .son_bottom .son_left {
	width: 37px;
	background-color: #efd7ad;
	height: 100%;
	text-align: center;
	box-sizing: border-box;
	line-height: 27px;
}

.number_bottom .numbrt_top .left .son_bottom .son_left p {
	font-size: 12px;
	zoom: 0.85;
}

.number_bottom .numbrt_top .left .son_bottom .son_right {
	flex: 1;
	height: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding-right: 10px;
}

.number_bottom .numbrt_top .left .son_bottom .son_right .son_right_img {
	width: 20px;
	height: 20px;
	line-height: 12px;
	text-align: center;
	background-color: #fff;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/number/yuanquan.png') no-repeat;
	background-size: 100% 100%;
}

.number_bottom .numbrt_top .left .son_bottom .son_right .son_right_img span {
	color: #5A4531;
	font-weight: 700;
	font-size: 12px;
	zoom: 0.75;
}

.number_bottom .numbrt_top .left .son_top {
	width: 100%;
	height: 22px;
	background-color: #ceba9c;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 9px;
	padding: 0 6px;
	box-sizing: border-box;
	color: #5A4531;
}

.number_bottom .numbrt_top .right .son_top {
	width: 100%;
	height: 22px;
	background-color: #ceba9c;
	font-size: 9px;
	text-align: center;
	line-height: 22px;
}

.number_bottom .numbrt_top .right {
	width: 41%;
	height: 157px;
	background-color: #f7e7ce;
}

.number_bottom .numbrt_top .right .son_right_left {
	display: flex;
	align-items: center;
	padding-left: 6px;
	height: 27px;
	width: 100%;
	/* background-color: #fff; */
	line-height: 27px;
	box-sizing: border-box;
	border-bottom: 0.5px solid #CEBA9C;
	white-space: nowrap;
}

.number_bottom .numbrt_top .right .son_right_left p {
	font-size: 12px;
	zoom: 0.9;
}

.number_bottom .numbrt_top .right .son_right_left .son_right_img {
	width: 14px;
	height: 14px;
	/* margin-left: 5px; */
}

.yesterday {
	height: 22px;
	margin: 0 auto;
	margin-top: 6px;
	background-color: #ceba9c;
	text-align: center;
	line-height: 22px;
}

.yesterday p {
	font-size: 12px;
	zoom: 0.8;
	color: #5A4531;
}

.num_num {
	background-color: #f7e7ce;
	height: 37px;
	margin: 0 auto;
}

.num_num .son_num {
	width: 190px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.num_num .son_num .son_right_img {
	width: 29px;
	height: 29px;
	line-height: 25px;
	text-align: center;
	background-color: #fff;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/number/yuanquan.png') no-repeat;
	background-size: 100% 100%;
}

.countdown {
	height: 32px;
	text-align: center;
	line-height: 25px;
	box-sizing: border-box;
	margin: 0 auto;
	margin-top: 6px;
	background-color: #ceba9c;
}

.countdown span {
	font-size: 12px;
	zoom: 0.85;
	color: #5A4531;
}

.num_select {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	height: 122px;
	margin: 0 auto;
	background-color: #f7e7ce;
}

.num_select .num_sonnum {
	position: relative;
	width: 9%;
	margin: 0 0.1%;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #8C7552;
	font-size: 15px;
	background-color: #efd7ad;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* .num_sonnum .quanquan {
	position: absolute;
	top: 8px;
	left: 0px;
	width: 22px;
	height: 22px;
	z-index: 10;
	border-radius: 50%;
	border: 2px solid #FFC64C;
} */

.unm_button {
	width: 295px;
	height: 38px;
	margin: 0 auto;
	display: flex;
	margin-top: 9px;
	justify-content: space-between;
}

.unm_button .left {
	height: 100%;
	width: 95px;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/number/restit.png') no-repeat;
	background-size: 100% 100%;
}

.unm_button .center {
	height: 100%;
	width: 95px;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/number/greetit.png') no-repeat;
	background-size: 100% 100%;
}

.unm_button .right {
	height: 100%;
	width: 95px;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/number/huangtit.png') no-repeat;
	background-size: 100% 100%;
}

.selectActive {
	color: pink !important;
}

.quanquan {
	position: relative;
}

.quanquan::after {
	content: '';
	position: absolute;
	width: 22px;
	height: 22px;
	z-index: 10;
	border-radius: 50%;
	border: 2px solid #FFC64C;
}


.modal-submitTo {
	display: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.number3 {
	position: relative;
	width: 265px;
	height: 220px;
	background-color: #f7e7ce;
	z-index: 99999;
	box-sizing: border-box;
	padding: 41px 16px 16px 16px;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/number/tijiaokuang.png') no-repeat;
	background-size: 100% 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.number3 .title {
	margin-top: 73px;
	text-align: center;
	color: #896541;
	font-size: 18px;
}

.number3 .img {
	position: absolute;
	top: -5px;
	right: -5px;
	width: 32px;
	height: 32px;

}

.number3 .btn {
	width: 92px;
	height: 32px;
	margin: 0 auto;
	margin-top: 57px;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/number/queren.png') no-repeat;
	background-size: 100% 100%;
}

.modal-species {
	display: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.number4 {
	position: relative;
	width: 375px;
	height: 449px;
	z-index: 99999;
	box-sizing: border-box;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/number/gongxihuode2.png') no-repeat;
	background-size: 100% 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.number4 .center {
	width: 128px;
	height: 142px;
	display: flex;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-49%, -41%);
	/* background-color: #000; */
}

.number4 .center img {
	width: 89px;
	height: 89px;
	margin: 0 auto;
	margin-top: 20px;
}

.number4 .center span {
	position: absolute;
	font-size: 35px;
	font-weight: 600;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
}

.number4 .botton {
	position: absolute;
	bottom: 35px;
	left: 50%;
	transform: translateX(-50%);
	width: 84px;
	height: 47px;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/number/qr.png') no-repeat;
	background-size: 100% 100%;
	/* background-color: #001B35; */
}

.number4 .title {
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	/* width: 84px;
	height: 47px; */
	/* background: url('http://img.qxgs.cc/tiantianlaishouzu/img/number/qr.png') no-repeat; */
	/* background-size: 100% 100%; */
	/* background-color: #001B35; */
	font-size: 15px;
	color: #FFFFFF;
	zoom: 0.75;
}



.modal-details {
	display: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.number2 {
	position: relative;
	width: 285px;
	height: 370px;
	background-color: #f7e7ce;
	z-index: 99999;
	box-sizing: border-box;
	padding: 41px 16px 16px 16px;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/number/sm.png') no-repeat;
	background-size: 100% 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.number2 .tops {
	display: flex;
	font-size: 14px;
	font-weight: 600;
	color: #896541;
	line-height: normal;
	margin-bottom: 20px;
}

.number2 .tops .tit {
	/* height: 100px; */
	margin-left: 5px;
	display: inline-block;
}

.number2 .btn {
	width: 80px;
	height: 40px;
	margin: 0 auto;
	margin-top: 10px;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/public/btn1.png') no-repeat;
	background-size: 100% 100%;
	line-height: 40px;
	color: #fff;
	text-align: center;
	font-weight: 600;
	text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
}



.yy_timer {
	width: 100%;
	height: 14px;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px #672E00, 1px -1px 1px #672E00, -1px 1px 1px #672E00, -1px -1px 1px #672E00;
}



.itemred {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/bag/6.png) !important;
}

.itemgreen {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/bag/2.png) !important;
}

.itemblue {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/bag/3.png) !important;
}

.itempurple {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/bag/4.png) !important;
}

.itemorange {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/bag/5.png) !important;
}

.leftimg {
	background-size: 100% 100%;
	padding: 2px;
}

/* 转赠确认 */
.modal-give2 {
	/* display: block; */
}

.zhuan {
	padding-top: 20px;
}

.zhuan,
.zhuan2 span {
	font-size: 15px;
	color: #296994;
	line-height: 15px;
	text-align: center;
}

.zhuan2 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px 0;
}

.zhuan2 img {
	width: 16px;
}

.emailPonit {
	position: relative;
}

.emailPonit::after {
	position: absolute;
	content: '';
	top: 0px;
	right: 10%;
	width: 21px;
	height: 21px;
	/* border-radius: 50%; */
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/home/hd.png);
	background-size: 100% 100%;
}

/* !-------------------------------第一个----------------------------- */
.top_bg {
	position: relative;
	
/* 	height: 409px;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/yuanshi/bj.png') no-repeat;
	background-size: 100% 100%;
	border-radius: 5px 5px 0 0; */
}

.top_bg .top_ti {
	position: relative;
	width: 100%;
	height: 40px;
	background: rgba(0, 0, 0, 0.35);
	border-radius: 5px 5px 0 0;
	display: flex;
	align-items: center;
	padding: 0 10px;
	/* box-sizing: border-box; */
}

.top_bg .top_ti img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.top_bg .top_ti .tit {
	font-size: 13px;
	font-family: FZY3JW--GB1-0, FZY3JW--GB1;
	font-weight: normal;
	color: #FFFFFF;
}

.top_bg .left_icon {
	width: 50px;
	position: absolute;
	top: 40px;
	left: 10px;
}

.top_bg .left_icon img {
	width: 50px;
	height: 45px;
	margin-bottom: 5px;
}

.top_bg .center_img {
	width: 153px;
	height: 183px;
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.top_bg .center_img .img {
	width: 153px;
	height: 183px;
}

.top_bg .yibiaopan {
	position: absolute;
	width: 221px;
	height: 125px;
	bottom: 7px;
	left: 50%;
	transform: translateX(-50%);
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/yuanshi/zhuan\ pan.png') no-repeat;
	background-size: 100%;
}

.top_bg .yibiaopan .dian_left {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 2px;
	height: 2px;
	background-color: #ff0000;
}

.top_bg .zhunliun_fer {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
}

.top_bg .zhunliun {
	position: relative;
	width: 46px;
	height: 91px;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/yuanshi/zhi\ zhen.png') no-repeat;
	background-size: 100%;
	transform: rotate(-80deg);
	transform-origin: center bottom;


}

.top_bg .zhunliun .dian {
	width: 2px;
	height: 2px;
	background-color: #ff0000;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
}

.top_bg .zhunliun .dian_bot {
	width: 2px;
	height: 2px;
	background-color: #ff0000;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
}

#scroll-box {
	width: 100%;
	height: 22px;
	/* background: red; */
	overflow: hidden;
}

#scroll-box .ul {
	margin: 0;
	width: 100%;
}

#scroll-box .li {
	color: #fff;
	margin: 5px 0;
	/* width: 80%; */
	height: 16px;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;

}

#scroll-box2 {
	width: 100%;
	height: 22px;
	overflow: hidden;
}

#scroll-box2 .ul {
	margin: 0;
	width: 100%;
}

#scroll-box2 .li {
	color: #fff;
	margin: 5px 0;
	width: 80%;
	height: 16px;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

#scroll-box3 {
	width: 100%;
	height: 22px;
	overflow: hidden;
}

#scroll-box3 .ul {
	margin: 0;
	width: 100%;
}

#scroll-box3 .li {
	color: #fff;
	margin: 5px 0;
	width: 80%;
	height: 16px;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.hundong {
	width: calc(100% - 30px);
	color: #fff;
}


.zone_body .activity_Tong {
  position: relative;
  height: 30px;
  /* background-color: pink; */
}

.zone_body .activity_Tong .top_ti {
  display: flex;
  align-items: center;
  height: 100%;
}

.zone_body .activity_Tong .top_ti img {
  width: 17px;
  height: 16px;
  margin-right: 10px;
}

.zone_body .activity_Tong .top_ti .tongzhi {
  /* position: relative; */
  font-size: 16px;
  color: #fff;
  width: calc(100% - 50px);
  /* padding-left: 50px; */
  /* width: calc(100% - 130px); */
  /* line-height: 20px; */
  word-break: keep-all;
  /* 不换行 */
  white-space: nowrap;
  /* 不换行 */
  overflow: hidden;
  /* 内容超出宽度时隐藏超出部分的内容 */
}

.zone_body .activity_Tong .top_ti .tongzhi .tishi_p {
  /* margin-left: 290px; */
  width: 100%;
  /* overflow: hidden; */
  animation: bounce 5s infinite linear;
}

.zone_body .activity_Tong .top_ti .tongzhi .tishi_p2 {
  /* margin-left: 290px; */
  /* width: 450px; */
  /* animation: bounce 12s infinite linear; */
  font-size: 14px;
}

/* 定义文字滚动的动画 */
@keyframes bounce {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.zone_body .activity_Tong .top_ti span {
  color: #E52600;
  margin-right: 9px;
}

.zone_body .activity_Tong .right {
  position: absolute;
  width: 66px;
  height: 30px;
  line-height: 27px;
  top: 3px;
  right: 10px;
  background: url('http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/btn3.png') no-repeat;
  background-size: 100% 100%;
}

.zone_body .activity_Tong .right p {
  text-align: center;
  height: 12px;
  font-size: 13px;
  font-family: SimHei;
  font-weight: 400;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #903A00, 1px -1px 1px #903A00, -1px 1px 1px #903A00, -1px -1px 1px #903A00;
}

#rank {
	display: none;
}

.infoTop div .idbox {
	display: flex;
	align-items: center;
	flex-direction: row;
}
.idbox .idin {
	display: flex;
	align-items: center;
	flex-direction: row;
	margin-left: 30px;
	background-image: url(../img/home/MG-D.png);
	background-size: 100% 100%;
	position: relative;
	padding-left: 20px;
	display: none;
}
.idbox .idin img {
	width: 23px;
	position: absolute;
	left: -15px;
	margin-right: 0 !important;
}
.idbox .idin span {
	font-size: 18px;
	color: #FFFFFF;
	line-height: 18px;
	margin-left: -5px;
	text-shadow: 1px 1px 1px #0C2462, 1px -1px 1px #0C2462, -1px 1px 1px #0C2462, -1px -1px 1px #0C2462;
}